Td corrigé Rapport de Stage pdf

Rapport de Stage

Il permet d'avoir une expérience professionnelle dans le domaine ... de questionnaires à choix multiples pour faire valider les formations de la Helpdesk. .... pour permettre une meilleure proximité et compréhension de la culture. .... ( Word, Excel, Outlook, FrontPage, PowerPoint) ..... code = code + '<tr><td align= center>';.




part of the document



 INCLUDEPICTURE "http://chse.univ-lille1.fr/Logo_lille1.jpg" \* MERGEFORMAT 
Université des Sciences et Technologies de Lille
UFR d’IEEA – Département Informatique – Bâtiment M3
59655 Villeneuve d’Ascq Cedex
Téléphone : +33 (0) 320.33.62.31 – Télécopie : +33 (0) 320.33.63.21



« Réalisation d’un site Intranet pour
le pôle de  proximité de la région nord »









Stage : du 17 décembre 2007 au 29 février 2008



Auteur : Emmanuel HOCQUET
Responsable Professionnel : Laurent BRIFFAUD
Responsable Universitaire : Didier MAILLIET
Année Universitaire : 2007/2008
Version : 1.4b




Décathlon Région Nord (V2)
Service Informatique
121 Boulevard de Valmy
59650 Villeneuve d’Ascq Contrôle du Document



Certification du Document

NomFonctionDateVisaAuteurEmmanuel HOCQUETStagiaire08/02/2008OkVérificateurEmmanuel HOCQUETStagiaire21/02/2008OkValidateurEmmanuel
HOCQUETStagiaire21/02/2008Ok



Historique des Versions

VersionDateRésumé des modifications1.4B21/02/08Validation du document.1.421/02/08Modification de la présentation du rapport.
Relecture et correction des fautes d’orthographe.1.319/02/08Rédaction de l’introduction.
Rédaction de la conclusion.
Rédaction de la bibliographie.1.214/02/08Réalisation des parties concernant les 3 projets.1.111/02/08Création de la Partie « Présentation de l’entreprise ».1.008/02/08Création du document.

Remerciement






Je remercie, tout d’abord, M. Xavier DETE, responsable de l’équipe informatique de la région Nord, pour m’avoir accueilli pendant ces onze semaines dans la société Décathlon.




Je remercie également M. Laurent BRIFFAUD, ingénieur exploitation informatique au pôle de proximité, d’avoir été mon tuteur de stage et de m’avoir guidé pendant ce stage. Il m’a consacré beaucoup de son temps afin de mener à bien ma mission dans l’entreprise. Il m’a enseigné les bases de son travail quotidien et montré le fonctionnement informatique de la société.




Je souhaite remercier par la même occasion M. Mickael CUSSAC, prestataire SSII, affecté au Pôle de Proximité, pour ses conseils.




Je remercie aussi toute l’équipe informatique de la région Nord, pour leur encouragement, leur gentillesse et leur aide.




Je remercie, enfin, M. Didier MAILLIET, directeur des études de la licence informatique parcours GMI, d’avoir été mon responsable universitaire et de s’être occupé du bon déroulement de mon stage.


Table des matieres




 TOC \o "1-2" \h \z \u  HYPERLINK \l "_Toc191380341" 1 Présentation du Document  PAGEREF _Toc191380341 \h 4
 HYPERLINK \l "_Toc191380342" 1.1 Objectif  PAGEREF _Toc191380342 \h 4
 HYPERLINK \l "_Toc191380343" 1.2 But  PAGEREF _Toc191380343 \h 4
 HYPERLINK \l "_Toc191380344" 1.3 Cadre  PAGEREF _Toc191380344 \h 4
 HYPERLINK \l "_Toc191380345" 2 Introduction  PAGEREF _Toc191380345 \h 5
 HYPERLINK \l "_Toc191380346" 3 L’entreprise  PAGEREF _Toc191380346 \h 6
 HYPERLINK \l "_Toc191380347" 3.1 Historique  PAGEREF _Toc191380347 \h 6
 HYPERLINK \l "_Toc191380348" 3.2 Décathlon  PAGEREF _Toc191380348 \h 6
 HYPERLINK \l "_Toc191380349" 3.3 Le but  PAGEREF _Toc191380349 \h 8
 HYPERLINK \l "_Toc191380350" 3.4 Situation  PAGEREF _Toc191380350 \h 8
 HYPERLINK \l "_Toc191380351" 3.5 Quelques chiffres  PAGEREF _Toc191380351 \h 9
 HYPERLINK \l "_Toc191380352" 3.6 La montée en puissance depuis 1976  PAGEREF _Toc191380352 \h 9
 HYPERLINK \l "_Toc191380353" 4 Organisation du projet principal  PAGEREF _Toc191380353 \h 10
 HYPERLINK \l "_Toc191380354" 4.1 Analyse de l’existant  PAGEREF _Toc191380354 \h 10
 HYPERLINK \l "_Toc191380355" 4.2 Organisation globale et concepts généraux  PAGEREF _Toc191380355 \h 10
 HYPERLINK \l "_Toc191380356" 4.3 Moyen disponible pour ce projet  PAGEREF _Toc191380356 \h 11
 HYPERLINK \l "_Toc191380357" 5 Développement du site Intranet  PAGEREF _Toc191380357 \h 12
 HYPERLINK \l "_Toc191380358" 5.1 Introduction  PAGEREF _Toc191380358 \h 12
 HYPERLINK \l "_Toc191380359" 5.2 Les langages utilises  PAGEREF _Toc191380359 \h 12
 HYPERLINK \l "_Toc191380360" 5.3 But du site  PAGEREF _Toc191380360 \h 13
 HYPERLINK \l "_Toc191380361" 5.4 Fonctionnalité du site  PAGEREF _Toc191380361 \h 13
 HYPERLINK \l "_Toc191380362" 5.5 Le projet principal  PAGEREF _Toc191380362 \h 13
 HYPERLINK \l "_Toc191380363" 5.6 Les problèmes rencontrés  PAGEREF _Toc191380363 \h 14
 HYPERLINK \l "_Toc191380364" 5.7 Améliorations possibles  PAGEREF _Toc191380364 \h 15
 HYPERLINK \l "_Toc191380365" 6 Projet Secondaire : Modification dU BUREAU INtranet des Caisses  PAGEREF _Toc191380365 \h 16
 HYPERLINK \l "_Toc191380366" 6.1 Introduction  PAGEREF _Toc191380366 \h 16
 HYPERLINK \l "_Toc191380367" 6.2 Analyse de l’existant  PAGEREF _Toc191380367 \h 16
 HYPERLINK \l "_Toc191380368" 6.3 Les problèmes rencontrés  PAGEREF _Toc191380368 \h 17
 HYPERLINK \l "_Toc191380369" 6.4 Amélioration possible  PAGEREF _Toc191380369 \h 17
 HYPERLINK \l "_Toc191380370" 7 PROJET SECONDAIRE : REALISATION D’UN générateur de QUESTIONNAIRE  PAGEREF _Toc191380370 \h 18
 HYPERLINK \l "_Toc191380371" 7.1 Introduction  PAGEREF _Toc191380371 \h 18
 HYPERLINK \l "_Toc191380372" 7.2 Analyse de l’existant  PAGEREF _Toc191380372 \h 18
 HYPERLINK \l "_Toc191380373" 7.3 Les problèmes rencontrés  PAGEREF _Toc191380373 \h 19
 HYPERLINK \l "_Toc191380374" 7.4 Améliorations possibles  PAGEREF _Toc191380374 \h 20
 HYPERLINK \l "_Toc191380375" 8 Conclusion  PAGEREF _Toc191380375 \h 21
 HYPERLINK \l "_Toc191380376" 8.1 Bilan du travail effectué  PAGEREF _Toc191380376 \h 21
 HYPERLINK \l "_Toc191380377" 8.2 Apport personnel  PAGEREF _Toc191380377 \h 21
 HYPERLINK \l "_Toc191380378" 9 Bibliographie  PAGEREF _Toc191380378 \h 22
 HYPERLINK \l "_Toc191380379" 10 Annexe 23

Présentation du Document

Objectif

Ce stage en entreprise a pour objectif de mettre en application toutes les connaissances acquises durant la Licence Informatique du parcours Génie Mathématique et Informatique (GMI).

Il sert à valider ce diplôme et fait découvrir aux étudiants le cadre du travail dans la vie en entreprise. Il permet d’avoir une expérience professionnelle dans le domaine informatique. En effet ceci permet aux étudiants de faire un point sur les branches à suivre et de se former à la vie active.

But

Le but du stage est de réaliser un ou plusieurs projets informatiques au sein d’une entreprise. Celui-ci fera l’objet d’un rapport de stage et d’une soutenance orale durant laquelle l’étudiant devra présenter les travaux effectués durant les onze semaines auprès d’un jury.

Cette soutenance se déroule en 2 parties : une première partie ou l’étudiant fait un exposé sur son stage suivi d’une deuxième partie où on lui pose des questions sur ce dernier.

Cadre

Ce document est conçu pour servir de support au projet principal et aux projets secondaires qui seront réalisés pour l’entreprise Décathlon et qui, pour le premier, porte sur la réalisation du site Intranet du Pôle de Proximité de la région Nord et pour les projets secondaires :
La modification du bureau des caisses en magasins.
La création d’un générateur de questionnaires à choix multiples pour faire valider les formations de la Helpdesk.

Ces travaux doivent avoir été validés par M. Didier Mailliet et doivent être réalisés sur une période de onze semaines, du 17 décembre 2007 au 29 février 2008. Mes tuteurs de stage seront M. Laurent BRIFFAUD, ingénieur exploitation informatique et M. Didier Mailliet, directeur des études de la licence informatique parcours GMI.
Introduction



Dans le cadre de la validation de ma Licence Informatique parcours GMI, un stage de onze semaines s’est déroulé afin d’améliorer ma connaissance du monde du travail dans mon futur domaine professionnel, c'est-à-dire l’informatique.


Depuis quelques années, je souhaite me consacrer uniquement au développement d’application informatique. C’est pour cela que j’ai choisi de proposer ma candidature à Décathlon et que j’ai été accepté car il y avait un besoin important par le manque du site Intranet pour le Pôle de Proximité.


En effet, à l’issue d’un entretien pour faire valoir ma motivation et mes capacités. M. Xavier DETE m’a présenté le projet principal du stage ainsi que les conditions à respecter. Mes horaires pendant toute la durée du stage sont de 9h à 12h et de 14h à 18h soit 7 heures par jour, du lundi au vendredi afin de totaliser 35h par semaine.


J’ai donc accepté cette proposition afin de connaître le fonctionnement d’une société tel que Décathlon pour le service informatique. Mais aussi d’améliorer mes connaissances informatiques pour les langages HTML et JavaScript.


Les deux objectifs majeurs pour le site sont qu’il doit paraitre à jour sans forcément l’être et que la mise à jour doit être simple et rapide.


C’est dans ce cadre que se situe l’objectif principal de mon stage qui sera plus expliqué en détails dans les différentes parties du rapport.


Donc pour commencer, je ferais une présentation de l’entreprise Décathlon pour ensuite présenter, analyser et décrypter le principal projet du stage. Par la suite je passerai aux deux projets secondaires que j’ai réalisés, c'est-à-dire la modification du bureau des caisses et la création d’un générateur de QCM pour enfin conclure sur les différents apports professionnels et personnels du stage.


L’entreprise

Historique

2005 : Créations de nouvelles marques Passion.
Géonaute et Aptania sont créés pour le bien-être des sportifs épris d’aventure mais aussi Kalenji et Fouganza font leur apparition pour respectivement les sports de running et d’équitation.

2003 : Implantation en Chine
Le groupe prend une nouvelle dimension avec l’ouverture du premier magasin en Chine à Shanghai.

1999 : Ouverture au monde
Décathlon s’installe aux Etats-Unis, près de Boston et en Grande-Bretagne à Londres.

1996 : Création des marques Passion.
Décathlon crée ses deux premières marques Passion, Quechua pour les sports de montagne et Tribord pour les sports d’eau.

1986 : Production et Internationalisation.
« Décathlon Production » voit le jour et doit assurer la conception et la réalisation des produits signés Décathlon. La même année, le premier magasin étranger est ouvert à Dortmund en Allemagne.

1976 : Naissance d’un concept.
Michel Leclercq, ouvre la première enseigne en libre-service d’article de sport à Englos (59). Le concept est novateur car il s’agit de réunir dans un même magasin tous les équipements sportifs pour tous les sportifs.

Décathlon

Le groupe

Décathlon est une société anonyme, crée en 1976, à Conseil de Surveillance (présidé par Michel Leclercq, président-fondateur) et Directoire (présidé par Yves Claude, directeur général).

Le capital de l’entreprise est détenu par la famille du président-fondateur Michel Leclercq, l’association Familiale Mulliez et les salariés de l’entreprise par le biais du plan d’épargne salariale.

Le groupe exerce deux activités complémentaires : La conception et la création d’article de sport et la vente au détail d’articles de sport.

Le monde a été divisé en différentes zones (ZES : Zone d’Europe du Sud, ZEN : Zone d’Europe du Nord, ZASIE : Zone Asie, …) pour permettre une meilleure proximité et compréhension de la culture.

Enfin, le groupe a toujours été un précurseur pour l’homogénéité de son parc informatique. C'est-à-dire que chaque magasins, chaque entrepôts auront exactement le même matériel informatique aussi bien en Chine qu’en France en passant par les Etats-Unis, qui lui aussi a été divisé en plusieurs zones.

Le service Informatique de la région Nord

C’est en 1981 que le service informatique est crée avec seulement deux informaticiens. Très vite le service prend une part très importante pour permettre une grande rapidité d’information et de résolution de problème.

Son but est de maintenir le système d’information en état de marche sept jours sur sept et vingt quatre heures sur vingt quatre, de réparer les divers incidents avant l’escalade des problèmes qui risquerai de paralyser entièrement le commerce. C’est pour cela qu’un système de priorité (P1, P2, P3) est mis en place avec des respects sur la durée de la résolution (respectivement inférieur à 2 heures, inférieur à 24 heures et inférieur à 48h).
Il doit aussi s’occuper de la mise en place des nouvelles technologies comme à l’heure actuelle le déploiement dans tous les magasins de la Wifi pour permettre l’utilisation des futures technologies sans fils (Pocket PC, Station sans fil en magasin, …)

L’activité est très variée et est divisée en différents services pour la région :
Le service de BDD (base de données),
Le pôle domaine Stores.com (application gérant les prix),
Le domaine Cashing (Monétique),
Le pôle de proximité où j’ai été affecté pendant la durée de mon stage.

Le pôle de proximité de la région Nord

Ce service a différentes fonctions mais la principale mission reste qu’il est en étroit contact avec les différents magasins qui composent la région.

Il doit aussi permettre de garantir la sécurité des systèmes d’information, des traitements et le respect des délais de production, la résolution rapide des incidents sur la région ainsi que la pérennité du parc informatique.

Pour réaliser ce travail, il réalise une permanence quotidienne pour contrôler la qualité des sauvegardes, la santé du parc informatique ainsi que de la Wifi. Il doit aussi traiter les incidents escaladés par l’assistance utilisateur ou par les magasins directement.

Pour encore plus de proximité, chaque membre du pôle est parrain d’un magasin et doit se rendre au minimum deux fois par an dans ces derniers pour réaliser un diagnostic complet du parc informatique et voir si le personnel a bien été formé à l’utilisation du matériel informatique mis à sa disposition.






Le but

Le but principal de Décathlon a toujours été de proposer sous un même toit tous les équipements sportifs pour tous les sportifs, qu’ils soient débutant ou professionnel.

Ce concept qui a fait ses preuves est maintenant exporté aux quatre coins du globe avec soixante-cinq sports organisés en dix univers. De plus, tous les magasins sont construits autour du libre-service pour permettre aux clients de faire son achat seul ou demander l’aide d’un vendeur sportif.

Situation

Du Groupe





Le groupe dispose d’environ 350 magasins disséminés partout dans le monde avec 22.000 collaborateurs dans ces derniers. Il y a une moyenne de 35.000 références d’article par magasin et ils accueillent 100 millions de clients chaque année dans le monde.

Du pôle de proximité

Le pôle de proximité s’occupe de 25 sites répartis sur trois régions commerciales (Champagne-Ardenne, Nord-Pas de Calais, Picardie) et se compose deux personnes M. Mickael CUSSAC (prestataire SSII) et M. Laurent BRIFFAUD (ingénieur exploitation).

Son bureau se situe à Villeneuve d’Ascq, au 121 boulevard de Valmy au dessus du magasin de Décathlon V2.









Quelques chiffres


29.000 collaborateurs qui exercent 180 métiers,

6.000 personnes recrutées en 2004 dont 1.500 de créations d’emploi,

51 nationalités différentes dans l’entreprise,

27 ans de moyenne d’âge,

350 magasins répartis sur tous les continents,

3,43 milliards d’euros de chiffre d’affaires.


La montée en puissance depuis 1976

Nombre de magasins



Effectifs Globales



Chiffre d’affaire


Organisation du projet principal

Analyse de l’existant

Situation avant le stage

Dans un premier temps, j’ai observé le service, son organisation et les travaux qu’il effectuait. J’ai participé à leurs activités comme le remplacement d’une caisse en magasin, la réalisation d’une permanence pour vérifier l’état des serveurs, du matériel informatique. Cela m’a permis de m’imprégner plus rapidement des besoins auxquelles devaient répondre le site pour facilité leur travail.

La situation était très simple à mon arrivé : il n’existe aucun site Intranet pour le Pôle de Proximité.

J’ai donc eu une grande liberté pour la conception des premières ébauches du site. La seule contrainte énoncée par mon tuteur était de respecter les couleurs de Décathlon, c'est-à-dire un site dans les tons bleus et blanc.

Objectifs et bénéficiaires

Les objectifs de ce projet sont de créer un site Intranet simple, fonctionnel et d’une grande capacité de maintenabilité dans le temps.

Le principal bénéficiaire sera donc le pôle de proximité qui pourra diffuser plus facilement et plus largement les informations qu’il le souhaite.
Les seconds bénéficiaires seront ensuite les magasins de la région Nord qui pourront accéder aux informations qu’ils veulent ainsi que de connaitre le travail qu’effectue le pôle au quotidien.

Organisation globale et concepts généraux

Introduction

A la base, il n’y avait aucun site donc il a fallu faire une conception totale du design, c'est-à-dire analyser les sites des autres pôles de proximité et récupérer les informations importantes et récurrentes à mettre sur celui du pôle.

Analyse du problème

L’objectif était de créer un site simple mais complet, pouvant afficher différentes informations concernant le pôle et les magasins et qu’il soit fonctionnel à la fin du stage.
Suite à l’installation du logiciel de développement Web et à différentes demandes, il s’est avéré que le langage HTML était le langage le plus appropriés pour ce projet. En effet il est l’un des seuls langages qui soient acceptés sur l’Intranet avec l’ASP et le JSP mais aussi l’un des plus simples à connaître et à maintenir.

A partir de là, l’organisation est la clé de la réussite pour le projet.

Planning

En effet, pour réussir ce projet, il m’a parut logique de prévoir un planning et surtout d’essayer de le suivre le plus possible au maximum.

TâchePrévuesRéaliséesMise en route17/12 au 21/1217/12 au 21/12Ebauche24/12 au 04/0124/12 au 09/01Prise d’information07/01 au 25/0107/01 au 30/01Mise en place28/01 au 08/0221/01 au 15/02Essai sur Intranet11/02 au 15/0213/02 au 15/02Finalisation18/02 au 22/0218/02 au …Passation15/02 au 26/0215/02 au …
Moyen disponible pour ce projet

Matériels informatiques utilisés

PC Fixe Lenovo d’une résolution de 1280x1024.
PC Portable Asus d’une résolution de 1024x728 à écran large (personnel)
.
Accès à l’intranet et à l’internet (autorisé pour permettre une plus grande autonomie de mon travail).

Logiciels employés

 INCLUDEPICTURE "http://www.lopr.net/Images/xp_logo.jpg" \* MERGEFORMATINET  INCLUDEPICTURE "http://www.laboratoire-microsoft.org/n/26483/logo_Office_2003.jpg" \* MERGEFORMATINET Microsoft Windows XPSuite Office 2003
(Word, Excel, Outlook, FrontPage, PowerPoint) INCLUDEPICTURE "http://oss.jbkempf.com/images/npp.logo5.png" \* MERGEFORMATINET Jasc Paint Shop Pro 7.02Notepad++
Développement du site Intranet

Introduction

Suite à une analyse du sujet, j’ai décidé avec l’accord de mon tuteur que le langage pour le site soit uniquement du HTML/CSS avec des parties en JavaScript pour permettre certaines animations.

Son maniement est simple et intuitif.

Les langages utilises

Langage HTML

Je vais utiliser le HTML pour le développement.

Le HTML, pour HyperText Markup Language, est un langage de programmation de balisage conçu pour écrire des pages Web. Ce langage a été conçu par Tim BERNERS-LEE dans les années 1990 en s’inspirant du SGML (Premier langage de balisage Web mais trop complexe pour intéresser le grand public).

C’est donc un langage de description de document qui est très employé sur l’Intranet des entreprises en raison du faible coût de maintenances des serveurs Intranet. De plus, avec un simple générateur de code, comme FrontPage, on peut réaliser un site sans forcément si connaître.

Langage CSS

J’ai aussi utilisé le langage informatique CSS (feuille de style en cascade) pour décrire la présentation générale du site dans des fichiers séparés afin de respecter au plus possible les recommandations de la W3C (World Wide Web Consortium qui a pour but de promouvoir les règles du langage HTML).

Ceci permet de pouvoir styliser le site, mais aussi d’améliorer l’accessibilité, de modifier l’apparence et la présentation sans devoir modifier toutes les pages et son utilisation réduit grandement la complexité dans code dans les pages HTML.

Langage JavaScript

Le dernier langage que j’ai utilisé est le JavaScript pour rendre le site plus interactif.

Le JavaScript a été crée en 1995 par Brendan Eich, qui s’est inspiré principalement du Java en le simplifiant pour les utilisateurs débutants.

But du site

Le but du site est de promouvoir et de facilité le travail du pôle de proximité. Il doit être une source d’information pour les magasins de la région.

Fonctionnalité du site

Les fonctionnalités du site sont nombreuses :
Renseignement sur le travail du pôle.
Présentation des acteurs du service informatique de la région Nord.
Présentation et explication des différents projets qui sont mis en place par le pôle.
La liste des différents magasins composant le pôle avec diverses informations comme l’adresse, les noms des responsables, la visualisation et le coût de leur parc informatique, leur position géographique et GPS …
Des renseignements concernant la sécurité informatique.
Des formulaires pour effectuer des demandes (parrainage, destruction de matériel).
Les différents outils qu’utilisent le pôle de proximité dans une partie sécurisé où l’accès a été autorisé qu’au service informatique de la région Nord.

Le projet principal

Conception du site

J’avais une grande liberté d’action. Suite à mon analyse des différents sites des autres pôles de proximité et à ma remise à niveau en HTML, j’ai commencé par créer différentes ébauches du site, dont seulement deux que j’ai présenté aux membres du pôle (Cf. Annexe 1 : Ebauche). Le choix s’est porté sur l’ébauche numéro 2 avec des conditions comme le changement des couleurs et des positions des logos.

Ensuite j’ai réalisé beaucoup de récupération d’information diverses et variées sur le pôle données soit par Laurent et Mickael ou alors disponible sur l’Intranet.

Deux fois par semaine, une réunion sur l’état d’avancement est organisée le mercredi et le vendredi d’une durée de 30 minutes qui comprend mon tuteur d’entreprise et moi-même. Elle permet de valider le choix des informations pertinentes à rajouter sur le site, de réaliser un point d’avancement et de pouvoir résoudre les divers problèmes que j’ai été amené à rencontrer.

A la fin de cette étape, je me suis donc retrouvé avec une très grande quantité d’information qui ne fut pas toujours possible de rajouter directement sur le site (page à accès restreint, formulaire de réponse). Après quelques jours de tri, j’ai donc entreprit la conception proprement dîtes du site Intranet. C’est à ce moment là que divers problèmes sont apparus, qui seront décrit par la suite.

Le codage des pages n’a pas été longue mais assez répétitif du faites de l’absence d’utilisation par exemple de PHP qui aurait permis de gagner beaucoup de temps pour les pages ressemblantes comme c’est le cas pour la description des magasins.

En dernier lieu, j’ai effectué une période de test et de vérification, avant la mise en ligne afin de s’assurer que tous les liens fonctionnent sans problèmes, que l’affichage de toutes les pages s’effectue correctement et que le contenu mis à la disposition des visiteurs soit correct.

La mise en ligne

Après cette période de test en local où différents liens ne fonctionnait pas ou mal, j’ai demandé les accès au site Intranet afin de réaliser la mise en ligne.

Cette opération n’est pas de tout repos car j’ai utilisé FrontPage pour me connecter au site car il n’existe pas, à l’heure actuelle, de Protocol FTP. Donc l’importation a posé d’énormes problèmes qui seront expliqués par la suite.

La passation au pôle

Le manuel sera disponible sur le CD-Rom final du site transmis leur de la fin de mon stage à mon tuteur ainsi qu’à la soutenance.

Une formation pour permettre la mise à jour du site sera dispensée lors de la dernière semaine de stage aux deux personnes composant le pôle.

Aperçu du site Intranet finalisé

Des aperçus du site et des différentes pages sont disponibles dans la partie annexe 2.

Les problèmes rencontrés

La remise à niveau en HTML

N’ayant plus fait de HTML depuis plus de deux ans, la remise en route a été quelques peu laborieuses au début. En effet bien que le langage n’a pas subit trop de modification depuis quelques années, il y avait certains points que j’avais oublié comme par exemple la stylisation (position, couleur, …) fait par les feuilles de style en externe ou alors l’organisation d’un document HTML.

L’analyse du problème

L’analyse du problème a été assez complexe dans le sens où rien n’existait avant ma venue. Je suis donc parti presque à l’aveuglette dans la réalisation de l’ébauche bien qu’ayant récupéré les différentes envies du pôle de proximité. C'est-à-dire un site dans les tons du logos de Décathlon (bleu et blanc), avec un design rappelant l’informatique voir la haute technologie.



Les formulaires

Le problème que j’ai eu avec les formulaires est l’accès direct au résultat du formulaire sans passer par ces derniers. Après divers essai sans succès, j’ai découvert qu’on pouvait utiliser ces formulaires avec des entrées de type « hidden », c'est-à-dire caché sur la page Web. Grâce à cela, j’ai réalisé les accès direct en forçant les formulaires avec mes données directement ce qui a eu pour effet de pouvoir accéder à la visualisation du matériel informatique par site par exemple.

L’implémentation du planning du diagnostic informatique

Un souhait de mon tuteur était de pouvoir implémenter le planning du diagnostic informatique sur le site. Le problème était comment il pouvait se mettre automatiquement à jour, comme le planning est un fichier Excel, lors de sa modification.

Pour palier à ce problème, j’ai généré grâce à l’utilisation du VBA (Visual Basic pour Application) un fichier JavaScript contenant les différentes informations à mettre sur le planning (mois de la visite, 3 mois qui suivent la contre-visite, les résultats de la visite). Pour réaliser la modification, il suffit juste de remplacer le fichier JavaScript par ce dernier pour que le planning soit modifié sur l’Intranet.

Le code VBA et le contenu du fichier JavaScript est disponible en annexe 6.

La mise en ligne

Comme il n’existe pas de Protocol FTP pour pouvoir accéder à l’espace de stockage du site, j’ai importé le site grâce à l’application FrontPage qui a hélas provoqué énormément d’erreurs sur les biens bien que ces derniers sont en relatifs en local. J’ai corrigé tous les liens et les diverses autres erreurs que m’a provoqué l’importation avant la réplication du site sur l’Intranet qui s’effectue chaque nuit.


Améliorations possibles

Il est possible de rajouter une requête directement vers les statistiques SLA (satisfaction des utilisateurs, temps de résolus des incidents) pour avoir directement le tableau sans passer par la phase de remplissage du formulaire.

On pourrait aussi rajouter différents design du site en modifiant les feuilles de style et en laissant le choix à l’utilisateur.










Projet Secondaire : Modification dU BUREAU INtranet des Caisses

Introduction

Suite à un problème survenu sur un magasin où le serveur n’était pas à l’heure et qui généré différents problèmes que Mme Judith BOUTTERY, ingénieur support des produits informatiques pour le domaine Cashing, m’a sollicité afin que j’inclue l’heure et la date dans la page d’accueil des caisses.

En effet, bien que les caisses soient sous Windows 2000, le bureau n’est pas celui du Windows original mais c’est finalement une page intranet afin d’éviter toutes les mauvaises manipulations des utilisateurs.

Analyse de l’existant

Conception du bureau

Une fois que Judith m’a transmis le code source et expliquer le fonctionnement du bureau, j’ai modifié le design de la place pour redonner un coup de neuf à la page tout en respectant la résolution de l’écran des caisses (800x600).

Ensuite, j’ai rajouté un script JavaScript permettant de récupérer l’heure et la date du système, c'est-à-dire du serveur, afin de pouvoir l’afficher. De plus, l’heure s’actualise automatiquement.

Enfin, j’ai testé la page sur une caisse dans le magasin de Villeneuve d’Ascq qui a permis de valider le bureau.

Mise en place

Après avoir testé le bureau sur une caisse, Judith l’a envoyé à la validation qui se situe en Espagne et la mise en application sur toutes les caisses du le magasin de V2.

Ayant configuré le mois pour le format français (janvier, février, mars, …), j’ai modifié le script pour simplifier l’affichage du mois en numérique uniquement ce qui autorise l’installation dorénavant dans toutes les régions du monde.

Aperçu du bureau

Le bureau original et modifié, ainsi que le code du script pour l’heure est disponible en annexe 3.


Les problèmes rencontrés

Choix du langage pour l’heure et la date

Pour réalisation l’application, j’avais le choix entre utiliser un script JavaScript ou alors un objet Flash. Pour éviter les différents problèmes que peut générer le Flash (mise à jour du lecteur, ralentissement sur les caisses), j’ai préféré opter pour le JavaScript qui consomme peu de ressources systèmes et sa simplicité de mise en place.

Fonctionnement sous divers systèmes d’exploitation

Bien que les caisses soient pour l’instant sous Windows 2000, Judith m’a fait remarquer que le script JavaScript ne fonctionne pas sous Windows XP. Ce problème sera résolu lors de la dernière semaine de stage.

Amélioration possible

On pourrait modifier complètement le design pour une utilisation plus intuitive du bureau et plus rapide.






PROJET SECONDAIRE : REALISATION D’UN générateur de QUESTIONNAIRE

Introduction

Pour valider les formations dispensées à l’assistance utilisateur informatique basés à l’heure actuelle à Lyon, j’ai été appelé afin de réaliser un générateur de QCM pour palier à ce problème. Une réunion a été organisée pour connaître les différents besoins des utilisateurs.

Ces utilisateurs finaux seront les pôles domaines Stores.com et Cashing. A l’issu de cette réunion, j’ai du réalisée un bilan sous la forme d’un cahier des charges assez simplifié.

Analyse de l’existant

Le cahier des charges est disponible en annexe 4 (Simplifié).

Conception du questionnaire

Dans un premier, j’ai cherché une solution permettant la réalisation d’un questionnaire sans pour autant prendre en compte les choix des bénéficiaires de l’application. Mais cela ne m’a pas convaincu, donc j’ai repensé totalement le sujet pour qu’il prenne en compte les différents choix de l’utilisateur décrit dans le cahier des charges.

Je me suis inspiré d’une source d’un générateur de questionnaire écrit entièrement en JavaScript et HTML mais en modifiant presque entièrement le code pour qu’il corresponde aux besoins des bénéficiaires.

Cela a pris par mal de temps, car il a fallu d’abord créer un formulaire pour récupérer les choix de l’utilisateur :
Nombre de questions,
Nombre de réponses possibles au maximum,
Les points à approfondir lors du prochain QCM,
Diverses options comme le support d’image, l’aide à la réponse …

Ensuite, il m’a fallu générer une nouvelle page HTML qui corresponde bien au choix de l’utilisateur qu’il a fait dans la page précédente. A partir de cette page, l’utilisateur peut choisir un titre, configurer les consignes générales, remplir les questions et les réponses proposées, rajouter une page vers un commentaire et enfin générer le questionnaire grâce au formulaire mis à sa disposition.

Une fois qu’il a remplis ce second formulaire, il lui reste plus qu’à valider pour qu’une autre page HTML soit générer et qui contient tout le code du questionnaire avec ses différents choix.


Mise en place

La mise en place du questionnaire à choix multiple reste assez simple, car le générateur sera utilisé seulement en local. Une fois le questionnaire généré, il suffit juste à copier coller le code du questionnaire et de l’envoyer à l’assistance utilisateur par mail ou de le mettre sur le site Intranet.

Une fois qu’ils ont répondus à toutes les questions, il leur reste plus qu’à valider leur réponse et les résultats du QCM sont automatiquement renvoyés en réponse à l’adresse mail du créateur du questionnaire.

Aperçu du questionnaire

Les différentes pages qui composent le questionnaire sont en aperçu dans la partie annexe 5.

Le générateur ainsi qu’un exemple seront disponibles sur le CD-Rom rendu lors de la soutenance de stage qui se déroule le vendredi 29 février 2007.

Les problèmes rencontrés

L’analyse du besoin

J’ai eu assez de difficultés pour commencer le questionnaire tout en respectant les nombreux besoins des futurs utilisateurs de ce générateur. J’ai du recommencé plusieurs fois avant qu’une solution puisse répondre au besoin sans pour autant être très compliqué à implémenter.

Le choix du langage

Dans un premier temps suite à la réunion, j’avais opté pour une applet ou une application Java qu’il lit toutes les questions et réponses dans un fichier et génère une autre applet permettant de proposer le questionnaire à l’assistance utilisateur.

Mais le fichier ainsi généré doit être compilé avant sa diffusion. De plus pour des soucis de sécurité, les applets Java sont interdites sur les différents sites Intranet de Décathlon.

C’est pour cela que j’ai pensé faire un générateur de QCM en JavaScript et HTML.

La complexité du code obtenu

Comme le générateur est seulement sur une page HTML, il m’a été très difficile de retrouver mes erreurs dans le script JavaScript. En effet, puisque deux pages HTML sont générées il m’a fallut créer deux fonctions JavaScript en récupérant à chaque fois les données remplis précédemment dans les formulaires.

Améliorations possibles

On pourrait repenser différents types de questions, et pas seulement des questions à choix multiples. Comme par exemple pouvoir mettre des questions ouvertes où l’utilisateur doit remplir la réponse lui-même qui devrait par la suite être analysé.

Il serait aussi possible de pouvoir rajouter les thèmes des questions qui vont suivre, ce qui permettrait de réaliser un questionnaire plus structuré.

Enfin il faudrait aussi revoir le script de génération pour le rendre plus facile à lire et à comprendre lors des modifications.





Conclusion



Bilan du travail effectué



J’ai utilisé des méthodes d’analyse et de conception afin de développer les différents projets auxquels j’ai participé. J’ai dû réemployer certaines connaissances acquises lors de mes précédentes études comme les cours sur la gestion de projet mais aussi mes nouvelles connaissances apprises durant la Licence Informatique du parcours Génie Mathématique et Informatique afin d’avancer et de faire évoluer le site.


J’ai aussi beaucoup appris par moi-même car bien qu’étant très entouré, je devais aussi m’occuper de certains problèmes seuls. Notamment pour l’utilisation du JavaScript et la génération de page HTML grâce à ce dernier.



Apport personnel



Ce stage m’a apporté beaucoup de choses notamment une certaine expérience dans la manière de créer entièrement un site Intranet, à écouter les bénéficiaires dudit site et à capter pleinement les besoins de ces derniers. J’ai dû m’intégrer à la vie du service informatique de la région nord de Décathlon et être à l’écoute des besoins de celui-ci.


D’un point de vue personnel, ce stage m’a apporté un grand plus au niveau du relationnel, une expérience unique en matière de conception d’un site Intranet, une occasion exceptionnelle d’exploiter mes connaissances acquises lors de mes précédentes études et celles nouvellement acquises cette année comme l’aide apportée par les cours de communication. J’ai aussi découvert l’univers de la maintenance informatique que j’ai fortement apprécié et enfin j’ai vécu ce stage comme un immense plaisir car le service où j’ai travaillé était très chaleureux avec une très bonne ambiance.




Bibliographie





Ed TITTEL ; Emily VANDERVEER. HTML 4 et JavaScript pour les Nuls. Paris : First Interactive, 2007. 607p. (Pour les Nuls MegaPoche Informatique).
ISBN 2-7540-0386-5.



M@teo21. Apprenez à créer votre site web ! [En ligne]. (consulté le 18 février 2007). Disponible à l’adresse :  HYPERLINK "http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html" http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html.



AllHTML. Formulaires [En ligne]. (consulté le 4 février 2007). Disponible à l’adresse :  HYPERLINK "http://www.allhtml.com/articles/detail/370" http://www.allhtml.com/articles/detail/370.



Dave RAGGETT ; Arnaud LE HORS ; Ian JACOBS. HTML 4.01 Specification [En ligne]. (consulté le 16 janvier 2007). Disponible à l’adresse :  HYPERLINK "http://www.w3.org/TR/html401/" http://www.w3.org/TR/html401/.







Annexe















Table des matieres DES ANNEXES

 TOC \o "1-2" \h \z \u 




 HYPERLINK \l "_Toc191380114" 1 Annexe 1 : Ebauches  PAGEREF _Toc191380114 \h 2
 HYPERLINK \l "_Toc191380115" 1.1 Ebauche 1  PAGEREF _Toc191380115 \h 2
 HYPERLINK \l "_Toc191380116" 1.2 Ebauche 2  PAGEREF _Toc191380116 \h 2
 HYPERLINK \l "_Toc191380117" 2 Annexe 2 : Aperçu des différentes pages du sites  PAGEREF _Toc191380117 \h 2
 HYPERLINK \l "_Toc191380118" 2.1 Page d'accueil du site  PAGEREF _Toc191380118 \h 2
 HYPERLINK \l "_Toc191380119" 2.2 Exemples de Pages constituants la partie "Pole"  PAGEREF _Toc191380119 \h 3
 HYPERLINK \l "_Toc191380120" 2.3 Exemples de pages constituants la partie "Projet"  PAGEREF _Toc191380120 \h 3
 HYPERLINK \l "_Toc191380121" 2.4 Exemple de pages constituants la partie "Magasin"  PAGEREF _Toc191380121 \h 4
 HYPERLINK \l "_Toc191380122" 2.5 Pages constituants les parties "sécurité" et "demande"  PAGEREF _Toc191380122 \h 4
 HYPERLINK \l "_Toc191380123" 2.6 Pages constituants la partie sécurisée "Outils PP"  PAGEREF _Toc191380123 \h 5
 HYPERLINK \l "_Toc191380124" 3 Annexe 3 : Modification du bureau  PAGEREF _Toc191380124 \h 6
 HYPERLINK \l "_Toc191380125" 3.1 Aperçu du bureau avant la modification  PAGEREF _Toc191380125 \h 6
 HYPERLINK \l "_Toc191380126" 3.2 Aperçu du bureau après la modification  PAGEREF _Toc191380126 \h 6
 HYPERLINK \l "_Toc191380127" 3.3 Script commenté pour afficher l’heure  PAGEREF _Toc191380127 \h 7
 HYPERLINK \l "_Toc191380128" 4 Annexe 4 : Cahier des Charges pour le QCM  PAGEREF _Toc191380128 \h 8
 HYPERLINK \l "_Toc191380129" 4.1 Objectif  PAGEREF _Toc191380129 \h 8
 HYPERLINK \l "_Toc191380130" 4.2 Mise en place  PAGEREF _Toc191380130 \h 8
 HYPERLINK \l "_Toc191380131" 4.3 Besoins  PAGEREF _Toc191380131 \h 8
 HYPERLINK \l "_Toc191380132" 4.4 Composition du questionnaire  PAGEREF _Toc191380132 \h 8
 HYPERLINK \l "_Toc191380133" 4.5 Nombres de questions  PAGEREF _Toc191380133 \h 8
 HYPERLINK \l "_Toc191380134" 4.6 Composition des questions  PAGEREF _Toc191380134 \h 9
 HYPERLINK \l "_Toc191380135" 4.7 Intervalle de Mise à jour  PAGEREF _Toc191380135 \h 9
 HYPERLINK \l "_Toc191380136" 4.8 Langage  PAGEREF _Toc191380136 \h 9
 HYPERLINK \l "_Toc191380137" 5 Annexe 5 : Aperçu du QCM  PAGEREF _Toc191380137 \h 10
 HYPERLINK \l "_Toc191380138" 5.1 Première Page : Configuration des options  PAGEREF _Toc191380138 \h 10
 HYPERLINK \l "_Toc191380139" 5.2 Seconde Page : Remplissage des champs  PAGEREF _Toc191380139 \h 11
 HYPERLINK \l "_Toc191380140" 5.3 Questionnaire Généré  PAGEREF _Toc191380140 \h 12
 HYPERLINK \l "_Toc191380141" 6 Annexe 6 : Planning Diagnostic Informatique  PAGEREF _Toc191380141 \h 13
 HYPERLINK \l "_Toc191380142" 6.1 Code VBA  PAGEREF _Toc191380142 \h 13
 HYPERLINK \l "_Toc191380143" 6.2 Script JavaScript généré  PAGEREF _Toc191380143 \h 15

Annexe 1 : Ebauches
Ebauche 1


Ebauche 2

Annexe 2 : Aperçu des différentes pages du sites
Page d'accueil du site


Exemples de Pages constituants la partie "Pole"
Exemples de pages constituants la partie "Projet"
Exemple de pages constituants la partie "Magasin"


Pages constituants les parties "sécurité" et "demande"









Pages constituants la partie sécurisée "Outils PP"





Annexe 3 : Modification du bureau

Aperçu du bureau avant la modification



Aperçu du bureau après la modification





Script commenté pour afficher l’heure



function afficheHeureDate(){
// recuperation date de l'instant
var time = new Date();

// recuperation n° jour et annee
var date = time.getDate();
var year = time.getYear();
// recuperation n° mois + formatage
var month = time.getMonth();
month++;
if(month
 :