SOMMAIRE I. Présentation de l entreprise... 4 1. Historique... 4 2. Fiche d identité... 5 3. Localisation... 6 4. Organigramme... 8. Système d'information bureautique & Pilotage Infogérance...11 1. Introduction...11 2. Rôle de la relation client et projets DIP...11 3. Pilotage infogérance...12 4. Mon rôle au sein de la structure...13 I. les principaux outils de la direction...15 1. Introduction...15 2. Gestion de parc...17 3. Helpdesk et gestion des incidents...18 4. La GDB...20 5. Les SLA (indicateurs bureautiques)...22 IV. PROJET : REALISATION D UN OUTIL DE RECHERCHE ET DE SUPERVISION....24 1. Contexte du projet...24 2. Etude du projet...26 3. Développement...44 4. Mise en production...48 5. Planning des tâches effectuées...49 6. Documentation de l application...50 V. Conclusion....54 BIBLIOGRAPHIE...55 ANNEXES...56 Propriété des auteurs respectifs Diffusion contrôlée Page : 2 / 60
Remerciements Je tiens tout particulièrement à remercier M. Grégory MURET mon maître d apprentissage durant ces deux dernières années, pour m avoir guidé au sein de l entreprise et m'avoir fait partager avec patience son expérience. Je remercie Bouygues Telecom ainsi que mes managers pour leur implication et la confiance qu ils m ont témoignée. Je tiens également à remercier L ensemble du personnel de NEXT FORMATION ainsi que les différents formateurs que j ai eu la chance d y croiser pour leur engagement et leur volonté de nous faire avancer et progresser tant sur le plan personnel que professionnel. Propriété des auteurs respectifs Diffusion contrôlée Page : 3 / 60
I. PRESENTATION DE L ENTREPRISE 1. HISTORIQUE Bouygues Telecom a été créé en 1994 par le groupe Bouygues S.A. dont le PDG est Martin BOUYGUES. Cette holding comprend les filiales suivantes: BOUYGUES CONSTRUCTION (Métier du BTP) BOUYGUES IMMOBILIER (Promoteur Immobilier) COLAS (Construction de routes) TF1 (Média) BOUYGUES TELECOM (Téléphonie mobile) Actionnaire majoritaire ALSTOM (Énergie - Transport) BOUYGUES TELECOM est la dernière filiale, créée pour ouvrir le groupe aux nouvelles technologies et à la communication. Le principal secteur d'activité de l entreprise est la téléphonie mobile, mais ses activités vont très prochainement s'étendre à l'internet et à la convergence entre téléphonie mobile et fixe. Schéma des filiales Propriété des auteurs respectifs Diffusion contrôlée Page : 4 / 60
2. FICHE D IDENTITE Nom Bouygues Telecom Date de création 1994 Forme juridique Nombre de clients S.A. 9,1 millions Part de marché 20% Activité PDG Nombre d employés Téléphonie mobile Philippe MARIEN 7400 collaborateurs Chiffre d affaires 29 613 millions d euros en 2007 Clubs Bouygues Telecom 520 Points de ventes 4000 Propriété des auteurs respectifs Diffusion contrôlée Page : 5 / 60
3. LOCALISATION Il existe de nombreux sites en France. Celui sur lequel je me situe se trouve dans les Yvelines (78), à l intérieur de la zone industrielle de Vélizy, juste à coté du centre commercial Vélizy 2. Localisation par rapport à Paris Bouygues Telecom se situe au sudouest de Paris, dans sa périphérie proche. Les principaux sites en France Propriété des auteurs respectifs Diffusion contrôlée Page : 6 / 60
Propriété des auteurs respectifs Diffusion contrôlée Page : 7 / 60
4. ORGANIGRAMME Systèmes d'information Propriété des auteurs respectifs Diffusion contrôlée Page : 8 / 60
Propriété des auteurs respectifs Diffusion contrôlée Page : 9 / 60
Propriété des auteurs respectifs Diffusion contrôlée Page : 10 / 60
. SYSTEME D'INFORMATION BUREAUTIQUE & PILOTAGE INFOGERANCE 1. INTRODUCTION Bouygues Telecom est une grande entreprise et son fonctionnement est complexe sous bien des aspects. Pour ma part, je travaille dans les systèmes d'information, à la direction de l Informatique Personnel (DIP). Dans cette direction je me situe au sein de la structure Relations clients et projet DIP dans l équipe de pilotage infogérance. Chez Bouygues Télécom, les systèmes d'information désignent l'ensemble des systèmes informatiques de l'entreprise. Par exemples ceux qui permettent le traitement des données clients, les ressources humaines, la bureautique, les achats Le rôle de la direction des systèmes d'information est primordial au sein de l'entreprise car aujourd'hui peu de choses sont accomplies sans être informatisées. De surcroit l'utilisation d'un poste informatique fixe ou portable et de logiciels est quotidien pour l'ensemble des collaborateurs. Une bonne gestion des biens et des outils informatiques est donc nécessaire au bon fonctionnement de l entreprise. 2. ROLE DE LA RELATION CLIENT ET PROJETS DIP Il y a trois pôles principaux au sein de notre structure : - Le pôle Projet regroupe tous les chefs de projet bureautique. Ils assurent le suivi et le bon déroulement de tous les projets liés à la bureautique (migration en service pack 2 pour Windows XP, migration en office 2007, déploiement et exploitation de clés OWA, Renouvellement de postes informatiques pour tous les chargés de clientèle ) - Le pôle Gestion des actifs gère le parc informatique dans son ensemble, les approvisionnements bureautiques, les projets de déploiement et les outils bureautiques. - Le pôle Pilotage et Relation client pilote d une part l info-gérant ATOS ORIGIN (help desk et les différents supports de proximités). Ce pôle canalise les remontées clients. Il est la voix unique de la bureautique au sein de l entreprise (gestion des correspondants bureautiques de toutes les directions, satisfaction client, communication DIP). Propriété des auteurs respectifs Diffusion contrôlée Page : 11 / 60
3. PILOTAGE INFOGERANCE Dans un souci de rentabilité permanent, notre MOE bureautique n'est pas interne à Bouygues Telecom, c est donc une société de services en ingénierie informatique (SS), ATOS ORIGIN qui assure ce rôle. On dit donc que notre SI bureautique est info-géré. Ce n'est pas Bouygues Télécom qui est responsable en cas de crise majeur sur le SI mais cette entreprise extérieure. Un contrat a été signé avec cette entreprise pour qu'elle s'occupe de la maintenance et de l'exploitation de notre SI bureautique. Nous avons donc 130 salariés d'atos en place dans nos locaux qui s'occupent des activités suivantes: Administration des serveurs bureautiques Administration des Bases de données bureautiques Maintenance matérielle des serveurs et postes clients (Techniciens) Gestion du parc informatique Gestion des stocks Gestion des incidents (helpdesk) Développement de projet informatique (développeurs) Ces personnes représentent la maîtrise d'œuvre (MOE) bureautique. Nous travaillons en étroite collaboration avec eux et nous assurons un suivi quotidien des actions engagées. Pilotage Concrètement le pilotage de la MOE s'organise en réunion de travail hebdomadaire et mensuelle où l'on échange en prenant point par point toutes les actions en cours. C'est à ce moment là que les arbitrages sont effectués et que les décisions sont prisent. Cela permet aussi de répondre aux questions de la MOE sur les points bloquants d'un projet. Propriété des auteurs respectifs Diffusion contrôlée Page : 12 / 60
2006 4. MON ROLE AU SEIN DE LA STRUCTURE Depuis mon arrivée au sein de l équipe «Pilotage infogérance», mon rôle a évolué. Ma première mission a été de veiller sur la taille du parc informatique et de la réduire dans la mesure du possible ( 10.000 postes). Pour cela, je devais recenser chaque utilisateur possédant plusieurs postes informatiques et prendre contact avec eux pour redéfinir leurs besoins. Puis en fonction, justifier ou non l utilisation de plusieurs ressources informatiques et ce pour une durée déterminée. Après analyse de la situation ma tâche consistait à faire apparaitre dans notre progiciel de gestion de parc informatique (ASSET CENTER) la justification et la durée ou de faire restituer le matériel. 2007 Après la fusion entre la Relation client et la Bureautique, j ai été positionné sur un sujet sensiblement différent, «Les demandes hors catalogue». Bouygues Telecom peut fournir à ses collaborateurs un certain nombre de produits, logiciels ou services pour leurs besoins professionnels. Ils peuvent être commandés via la «GDB» (gestion des demandes bureautiques), une interface web accessible depuis l intranet de l entreprise. Il arrive souvent que dans des cas particuliers ou pour des projets spécifiques, le catalogue proposé par l entreprise ne contienne pas la solution adaptée au besoin du client, il faut donc que ces demandes particulières soient analysées, validées, traitées puis suivies jusqu'à la livraison au client. Concrètement, nous devions en réunions hebdomadaires juger de la pertinence des demandes, retenir les demandes justifiées et faire parvenir au client son matériel, logiciel ou sa prestation. 2008 J ai piloté le support premier de l entreprise, il s agit de techniciens de la société C2S qui s occupent exclusivement des incidents et demandes bureautiques des membres du comité de la direction générale ainsi que les directeurs de service. Mon rôle était d analyser les problèmes et besoins remontés par ce support puis de créer, suivre et clôturer, les dossiers d intervention, d incident, et de livraison pour cette population spécifique. 2009 Gestions de projets bureautique (aménagements de salles d intégrations poste de travail. Projet de déménagement de l ensemble des collaborateurs du siège etc.). 2010 Gestions de projets bureautiques et développement d outils intranet. Propriété des auteurs respectifs Diffusion contrôlée Page : 13 / 60
Tâches récurrentes Durant ces années, j ai également été amené à effectuer régulièrement des audits (sécurité, conformité, qualité ) sur l ensemble du parc informatique de Bouygues Telecom. Le suivi des réclamations clients et des SLA (indicateurs de performances bureautiques) a été quotidien sur cette période. Propriété des auteurs respectifs Diffusion contrôlée Page : 14 / 60
I. LES PRINCIPAUX OUTILS DE LA DIRECTION 1. INTRODUCTION Progiciels et bases de données Le SI bureautiques gère des données avec des progiciels. Ces données sont les informations concernant les postes clients de l entreprise, tel que les logiciels installés sur les machines, les biens possédés par les clients ainsi que les incidents qu'ils génèrent au Helpdesk (support téléphonique bureautique interne) Toutes ces informations sont stockées dans des Bases de données. On peut voir une base de données (BDD) comme un réservoir d'informations brutes dont la mise en forme pour un utilisateur est fait par un progiciel, en fonction de ses besoins. Nous avons donc plusieurs façons de voir la même information suivant les logiciels utilisés. On peut par exemple visualiser les informations d'un poste sur un site web intranet, et parallèlement accéder a une vue administrateur sur un logiciel de gestions de parc. Les trois principales bases de données sur lesquelles je travaille sont: Gestion de parc => Le logiciel de gestion de parc référence l'ensemble des biens de Bouygues Telecom (postes clients, serveurs ) avec toutes les caractéristiques, les propriétaires, les logiciels installés Gestion des demandes et incidents => Référence l'ensemble des incidents remontés par les clients au Helpdesk, avec leurs suivi et traitements. Annuaire utilisateurs => Référence l ensemble des collaborateurs et prestataires BOUYGUES TELECOM Propriété des auteurs respectifs Diffusion contrôlée Page : 15 / 60
Cartographie du SI Bureautique Voici donc le périmètre d'outils (logiciels, base de données et passerelles) sur lesquels la bureautique intervient. Légende - Base de données - Logiciels - Passerelles* *Les flèches vers l'extérieur du schéma sont des passerelles vers d'autre services avec d'autre MOA. Propriété des auteurs respectifs Diffusion contrôlée Page : 16 / 60
2. GESTION DE PARC Présentation Le progiciel d'exploitation de la base de données de la gestion de parc est ASSET CENTER. C'est un progiciel HP Software qui est évolutif et modulaire. C'est-à-dire qu'il est paramétrable en fonction des besoins du client. On peut créer des vues différentes sur des informations, automatiser des processus, des traitements d'informations Il se présente comme suit pour un poste client Filtre sur la Base de données. Affichage de la liste des résultats suivant les filtres. Affichage des informations sur le poste, classé par onglets. Je travaille quotidiennement sur cet outil, c est l élément principal du SI bureautique. Propriété des auteurs respectifs Diffusion contrôlée Page : 17 / 60
Le parc informatique géré par ASSET CENTER est d'environ 11 000 postes clients fixes et portables, ainsi que 4 000 serveurs en production. La bureautique est responsable de la bonne marche de ce parc informatique et des applications "bureautiques" des postes clients (ex. E-mails, traitement de texte, navigateur internet ). 3. HELPDESK ET GESTION DES INCIDENTS Présentation Le Helpdesk est un numéro de support interne à l'entreprise que tous les collaborateurs peuvent joindre pour leurs incidents ou questions liées à leurs postes de travail. Nous avons une vingtaine de personnes travaillant pour ATOS - ORIGIN qui répondent aux collaborateurs et qui créent des "dossiers d'incidents" dans un progiciel du nom d'ars Remedy. C'est un progiciel édité par BMC Software qui est lui aussi évolutif et modulaire. Il est paramétrable en fonction des besoins du client. On peut créer différents formulaires d'incidents, organiser les tâches des techniciens et des groupes de supports pour leurs résolutions, automatiser des processus de traitement par incident Ce progiciel gère entre autres les données des incidents avec les actions à effectuer par les supports pour les résolutions ainsi que les demandes de matériels bureautiques. Propriété des auteurs respectifs Diffusion contrôlée Page : 18 / 60
Sur un poste client il se présente comme suit Résultats de la recherche précédemment lancée. Dossier d'incident Toutes les créations de fiches d incidents et de demandes ainsi que leurs suivis et clôtures sont gérés par cet outil. Propriété des auteurs respectifs Diffusion contrôlée Page : 19 / 60
4. LA GDB Présentation L'ensemble des logiciels, matériels et prestations qualifiés pour l'entreprise sont disponible dans un catalogue intranet que l'on nomme la GDB (Gestion des demandes bureautiques). La GDB est un portail web accessible depuis un poste utilisateur sur lequel un collaborateur va passer commande de ce dont il a besoin d'un point de vue bureautique. Par exemple, un collaborateur peut commander le logiciel "Photoshop" s il a besoin d'un programme pour faire du design de site web. La GDB fonctionnement comme un site marchand, le collaborateur rempli un panier, et passe sa commande. Une fois la commande passée elle doit être validée par le responsable hiérarchique du collaborateur puis par le responsable licence, ainsi que par la bureautique. Une fois la demande validée elle passe en traitement. Dans le cas d'une commande d'un logiciel, celui-ci est télédistribué par le réseau sur le poste de travail du collaborateur. Aperçu de la GDB (client) Propriété des auteurs respectifs Diffusion contrôlée Page : 20 / 60
Aperçu de la GDB (gestion de parc) Aperçu de la GDB (technicien) Propriété des auteurs respectifs Diffusion contrôlée Page : 21 / 60
5. LES SLA (INDICATEURS BUREAUTIQUES) Relation contractuelle et SLA Lorsque qu'il signe le contrat, l'info-gérant s'engage sur une prestation avec une qualité de service associée. En anglais "Services Level Agreement" ou SLA. Si celui-ci n'est pas respecté, une pénalité financière est appliquée à l'info-gérant. Il sera donc moins payé que s il avait respecté ses engagements. Un exemple simple : L'info-gérant s'est engagé contractuellement à décrocher 85% des appels au Helpdesk en moins de 20sec. A la fin de tous les mois, on fait le bilan de tous les appels. S ils n ont pas remplis leurs objectifs, des pénalités peuvent être appliquées. Exemple de SLA (vue SLA center) Propriété des auteurs respectifs Diffusion contrôlée Page : 22 / 60
Propriété des auteurs respectifs Diffusion contrôlée Page : 23 / 60
IV. PROJET : REALISATION D UN OUTIL DE RECHERCHE ET DE SUPERVISION. 1. CONTEXTE DU PROJET Situation avant projet Nous gérons au quotidien, au sein de mon équipe un parc informatique d environ 11.000 machines. Notre rôle est de piloter l activité de notre info-gérant sur l ensemble du pays afin que la totalité des demandes utilisateurs soient validées et honorées dans les temps et que chacun dispose d un outil de travail adéquat. Il est donc primordial de disposer d informations fiables concernant : 1. Les biens que nous gérons 2. Nos clients 3. Les dossiers électroniques que nous créons afin de suivre les interventions et incidents Les seuls outils dont nous disposions jusqu'à présent étaient les outils listés dans la partie précédente qui permettent de trouver des informations pertinentes et exploitables mais qui nécessitent pour cela un profil plutôt technique et un temps d apprentissage non négligeable. De plus le coût unitaire de ces licences est relativement élevé (le logiciel que nous utilisons pour les interventions/incidents nous coute 700 a 800 euros, celui pour la gestion des biens 2400 a 2600 euros). Besoin Une grande majorité des utilisateurs de ces outils ne s en servent uniquement que pour de la visualisation (chefs de projets, relation client bureautique etc.). Or la totalités des informations susceptibles d intéresser les différents utilisateurs sont présentes dans nos bases de données. L idée principale de ce projet était donc de présenter une information pertinente a l utilisateur sans que cela ne nécessite de compétences techniques de sa part tout en faisant abstraction de l interface des différents logiciels afin d économiser le cout des licences. 1 ère approche La problématique n est pas nouvelle au sein de ces équipes, avant même d entamer des études de développement, je m étais attaqué au problème. J avais créé à l époque un tableau Excel qui reprenait exactement les graphs contenus dans le site que j ai développé ensuite. Ils étaient constitués a l aide de tableaux mis a jours a l aide de différentes requêtes SQL (QUERY Excel). Ce tableau permettait d avoir une vision globale de notre activité et ne nécessitait aucune compétence technique. Propriété des auteurs respectifs Diffusion contrôlée Page : 24 / 60
Tableau Excel Propriété des auteurs respectifs Diffusion contrôlée Page : 25 / 60
Inconvénients de la solution et alternative Cette première ébauche contenait toutes les informations nécessaires au pilotage de notre activité, les informations étaient mise à jour de manière dynamique a chaque ouverture du fichier et permettait d accéder aux informations pertinentes rapidement. Très vite certaines lacunes se sont fait ressentir, en effet le support de diffusions de l information (tableau Excel) n est pas très souple en terme de présentation et ne permet pas d être diffusé a un nombre très large de personne. De plus il était facile via cet outil de fournir des statistiques générales sur notre activité mais ne permettait pas d avoir des informations précises sur un élément en particulier (bien, dossier ou utilisateur). En commençant ce cycle d étude il m est vite apparu que pour répondre à mes besoins de souplesse, précision et diffusion, le support idéal pour mon outil serait une interface web qui de plus permettrait une interaction avec l utilisateur. 2. ETUDE DU PROJET Les règles de Gestion L ensemble des règles ci-dessous ont été élaborées lors des différentes réunions avec l ensemble des futurs clients de l application (mon service en l occurrence). Nous avons défini leurs besoins respectifs et en ont découlés la plupart des règles ci-dessous, d autres ont été ajoutés suite a des contraintes techniques, fonctionnelles ou financières : R1 : Cette application doit pouvoir s intégrer techniquement dans l environnement intranet de l entreprise. R2 : Cette application doit pouvoir être accessible a tout collaborateur ou prestataire. R3 : Tous les utilisateurs doivent accéder au même contenu. R4 : Cette application doit permettre de visualiser les informations de n importe quel poste. R5 : Cette application doit permettre de visualiser les informations de n importe quel incident. R6 : Cette application doit permettre de visualiser les informations de n importe quelle personne. R7 : Cette application doit permettre de croiser les informations entre les personnes, les incidents et les postes. Propriété des auteurs respectifs Diffusion contrôlée Page : 26 / 60
R8 : Cette application doit permettre de visualiser les informations de l auto-inventaire d un poste. R9 : Cette application doit pouvoir générer des graphiques pour le suivi des biens en stock. R10 : Cette application doit pouvoir générer des graphiques pour le suivi des biens en stock. R11 : Cette application doit pouvoir générer des graphiques pour le suivi des DAD (demandes avec déplacements : intervention de techniciens facturées par notre infogérant. R12 : Cette application doit pouvoir générer des graphiques pour le suivi des projets bureautiques en cours. R13 : Cette application doit pouvoir générer des graphiques pour le suivi des biens en production. R14 : Cette application doit pouvoir générer des graphiques pour le suivi des entrées/sorties en stock. R15 : Cette application doit pouvoir fournir les détails des graphiques (biens et dossiers). R16 : L ensemble des informations fournies peuvent dater de 48h maximum. R17 : Les solutions utilisées ne doivent générer aucun coût de licence. R18 : L application ne doit présenter qu un front office. R19 : Le choix des couleurs ne peut être fait qu au sein de la charte graphique de l entreprise. R20: L application doit comporter le logo de l entreprise sur toutes les pages. En partant de ces différentes règles, j ai pu créer les différents diagrammes d utilisation de l application. Il y en a 5 en tout, conformément aux règles de gestions ils ne comportent tous qu un seul acteur «Utilisateur». Tous les diagrammes ont été réalisés à l aide de l application ArgoUML. Propriété des auteurs respectifs Diffusion contrôlée Page : 27 / 60
Les 3 diagrammes d utilisations de recherche Ci-dessus le diagramme d utilisation pour la recherche d incidents. Un seul acteur est identifié. L utilisateur peut rechercher les informations sur un incident, une fois celles-ci obtenues il peut visualiser les informations du client, du demandeur ainsi que celles sur la machine du client. Ci-dessus le diagramme d utilisation pour la recherche de personnes. Un seul acteur est identifié. L utilisateur peut rechercher les informations sur une personne, une fois celles-ci obtenues il peut visualiser les informations des biens de la personne ainsi que les dossiers qui lui sont liés. Il peut également contacter la personne par mail. Propriété des auteurs respectifs Diffusion contrôlée Page : 28 / 60
Ci-dessus le diagramme d utilisation pour la recherche de postes. Un seul acteur est identifié. L utilisateur peut rechercher les informations sur une poste, une fois celles-ci obtenues il peut visualiser les informations concernant son propriétaire, voir les dossiers d incidents liés à la machine et visualiser l auto-inventaire du poste (l auto-inventaire d un poste est la liste de l ensemble des logiciels qualifiés par l entreprise installés sur celui-ci). Le diagramme de visualisation de graphique Ci-dessus le diagramme d utilisation pour la visualisation de graphiques. Un seul acteur est identifié. L utilisateur peut sélectionner un graphique, une fois choisis le ou les graphiques Propriété des auteurs respectifs Diffusion contrôlée Page : 29 / 60
s affichent. Sur le graphiques des informations supplémentaires peuvent être disponibles (quantités). Ce diagramme est valable pour l ensemble des graphiques. Le diagramme de visualisation des détails de graphiques Ci-dessus le diagramme d utilisation de visualisation des détails des différents graphiques. Un seul acteur est identifié. L utilisateur peut choisir s il désire des détails sur des biens ou des dossiers. S il choisit des biens il pourra alors obtenir le détail des graphiques suivants : broker, maintenance, stocks et dons. S il choisit des dossiers, il pourra alors avoir accès aux détails des graphiques suivants : les entrées en stock, les sorties, les DAD ainsi que le détail des dossiers projet. Propriété des auteurs respectifs Diffusion contrôlée Page : 30 / 60
Nous avons du ensuite créer des diagrammes d activités afin de décrire l enchainement de certaines opérations Le diagramme d activité recherche de dossiers Il y a 3 manières de visualiser un ou plusieurs dossiers : - par numéro de dossier (affiche un dossier unique) - par nom de personne associée (affiche une liste) - par nom de machine associée (affiche une liste) Propriété des auteurs respectifs Diffusion contrôlée Page : 31 / 60
Si le nom sélectionné par l utilisateur est trouvé plusieurs fois alors le prénom sera demandé à l utilisateur. Le diagramme d activité recherche des détails des graphiques Il y a 2 manières de visualiser les détails d un graphique : - une affichera des biens - l autre affichera des dossiers Pour les graphiques avec une échelle de temps en abscisse, le choix du mois désiré sera laissé à l utilisateur. Propriété des auteurs respectifs Diffusion contrôlée Page : 32 / 60
Diagramme de classes Propriété des auteurs respectifs Diffusion contrôlée Page : 33 / 60
Maquettage structure Voici la maquette modèle de l application qui a été retenue lors de la réunion prévue à cet effet : Propriété des auteurs respectifs Diffusion contrôlée Page : 34 / 60
Résultat validé par les clients Ci-dessus le modèle de page du site validé par les clients. Toutes les pages du site comprendront l ensemble de ces éléments. Pour les différents besoins de chacune des fonctionnalités du site, seul le contenu du cadre gris central changera. Propriété des auteurs respectifs Diffusion contrôlée Page : 35 / 60
Maquettage avec contenu graphique comprenant une évolution dans le temps Propriété des auteurs respectifs Diffusion contrôlée Page : 36 / 60
Résultat validé par les clients Ci-dessus le résultat validé par les clients (l ensemble des graphiques ont été réalisés avec Open flash chart). Propriété des auteurs respectifs Diffusion contrôlée Page : 37 / 60
Maquettage avec contenu graphique représentant des quantités Propriété des auteurs respectifs Diffusion contrôlée Page : 38 / 60
Résultat validé par les clients Ci-dessus le résultat validé par les clients (l ensemble des graphiques ont été réalisés avec Open-flash-chart). Propriété des auteurs respectifs Diffusion contrôlée Page : 39 / 60
Maquettage avec contenu listé (dossiers ou biens). Propriété des auteurs respectifs Diffusion contrôlée Page : 40 / 60
Résultat validé par les clients Propriété des auteurs respectifs Diffusion contrôlée Page : 41 / 60
Maquettage avec résultat unique (dossier ou bien). Propriété des auteurs respectifs Diffusion contrôlée Page : 42 / 60
Résultat validé par les clients Résultat validé par les clients avec contenu unique (format carte de visite). Propriété des auteurs respectifs Diffusion contrôlée Page : 43 / 60
3. DEVELOPPEMENT Technologies et outils Ci-dessous les différents langages utilisés pour le développement du site : - CSS (pour la mise en page) - HTML (pour la structure des pages) - PHP (pour générer du code HTML dynamiquement) - SQL (pour requêter les bases de données) - JavaScript (pour les scripts des graphiques et le script de mise en favori) L ensemble du code a été développé sur DREAMWEAVER CS4. Il s agissait du seul logiciel de développement web qualifié dans l entreprise. La base de données sur laquelle j ai travaillée était imposée : SQL SERVER 2005 (DATAMART de l entreprise). Le seul navigateur sur lequel est sensé tourner l application est internet explorer (le seul qualifié dans l entreprise). Topologie de l environnement de l entreprise Propriété des auteurs respectifs Diffusion contrôlée Page : 44 / 60
Organisation de la solution Avant de commencer le développement de la solution, j ai déterminé l arborescence des dossiers : Le dossier CSS : contient le fichier modele.css qui est l unique fichier CSS du site. Le dossier data-files : contient les fichiers de données de la bibliothèque Open-flash-chart. Le dossier datagraphs : contient l ensemble des fichiers PHP de paramétrages pour les graphiques. Il existe un fichier de paramétrage PHP par graphique. Le dossier image : contient toutes les images utilisées sur le site. Le dossier JS : contient des bibliothèques JavaScript nécessaires a l affichage des graphs. Le dossier open-flash-chart : contient la bibliothèque Open-flash-chart Le dossier Outils : contient les fichiers contenant les différentes fonctions utilisées dans le site (connexion a la BD, Requête SQL et traitement du résultat etc.). Le dossier php-ofc-library : contient la bibliothèque php nécessaire au paramétrage des graphs. L architecture mise en place est simple et logique, nous avons veillé aux conventions de nommage ainsi qu au format des fichiers utilisés. En dehors du logo (JPG), l ensemble des autres images utilisées sur le site sont au format PNG. Propriété des auteurs respectifs Diffusion contrôlée Page : 45 / 60
Intégration de composants tiers L intégration de certaines fonctionnalités a nécessité l utilisation de composants tiers. En effet certaines fonctionnalités requièrent une présentation ou un fonctionnement spécifique (essentiellement le paramétrage et la présentation des différents graphiques). Ces éléments sont des scripts JavaScript (pour donner la possibilité à l utilisateur de mettre le site en favori) ou des bibliothèques permettant la présentation des graphiques en flash. Notre choix s est porté sur Open-flash-chart. Plusieurs solutions étaient disponibles pour un résultat plus ou moins identique : - Artichow - JPgraph - Open-flash-chart Nous avons retenu Open-flash-chart pour plusieurs raisons : - Artichow n est plus maintenu depuis 2006 - JPgraph, bien qu ayant des possibilités de paramétrage étendues n avait pas un rendu esthétique suffisant pour les clients Open-flash-chart est intéressant à plus d un titre, il est gratuit et open source. La Génération des graphiques en flash se fait sur le client, ce qui allège la charge serveur. Le rendu est esthétique. Quelques exemples Script favoris : A placer dans le head : A placer dans le body : Propriété des auteurs respectifs Diffusion contrôlée Page : 46 / 60