Rapport de stage. De la programmation orienté objet et l'utilisation des frameworks à la découverte de la Business Intelligence.

Transcription

1 Université du littoral IUT Calais-Boulogne Rue Louis David Calais SISA SARL 6 Rue Jean Jaures Calais Rapport de stage De la programmation orienté objet et l'utilisation des frameworks à la découverte de la Business Intelligence Antoine GAMELIN Maître de Stage : Ridha KERKENI Tuteur de stage : François ROUSELLE Dates du stage : 8 avril au 15 juin 2013 Année universitaire : 2012 / 2013

2

3 Remerciements Je tiens à remercier, dans un premier temps, Monsieur Ridha KERKENI, Directeur de SISA SARL, mais également mon tuteur lors de ce stage, qui a bien voulu m'accueillir dans son entreprise et m'a permis de découvrir le monde professionnel. De plus il s'est montré très disponible pour répondre à mes diverses questions. J'adresse également mes remerciement à Monsieur François ROUSELLE, mon tuteur au sein de l'iut, pour son accompagnement lors de ce stage. Je remercie également Dimitri FOURNY, étudiant et apprenti à l'iut Informatique de Calais qui m'a aidé à s'intégrer dans l'entreprise. Enfin, je tiens à remercier l'équipe pédagogique du département informatique de l'iut de Calais pour m'avoir apporté les connaissances théoriques et pratiques, durant ces deux années de DUT, qui ont permis le bon déroulement de ce stage.

4 Page de contrôle Historique des versions : Date de création : 21/05/13 Date Versions Auteur Principale modification 21/05/ Création du document -Création de la charte graphique du document -Rédaction de la page de contrôle 22/05/ Rédaction de l'introduction 23/05/ Rédaction de la partie de présentation de l'entreprise 25/05/ Rédaction partie (projet n 1) 26/05/ Correction de l'orthographe 29/05/ Création du glossaire. 01/06/ Rédaction partie (projet n 2) 02/06/ Rédaction partie (projet n 3) 08/06/ Rédaction de la conclusion Ajout de l'annexe 09/06/ Reformulation / Correction de l'orthographe Distribution : Destinataires : Enseignants à l'institut Universitaire de Technologies Informatique de Calais M. Ridha KERKENI Sécurité et confidentialité : Aucune clause de confidentialité Note sur cette édition : Rien à signaler

5 Table des matières 1.Introduction But du document Contexte Besoins de l'entreprise Contenu du document Présentation de l'entreprise Présentation générale Les secteurs d'activités Politique et orientations technologiques de l'entreprise Présentation des projets Projet n 1 : Implémentation des services autour d'une application de Business Intelligence Projet n 2: Mise en place d'un dispositif d'enquête en ligne Projet n 3 : Mise en place d'un nouveau système de newsletter Méthodologie Planning Travaux réalisés Projet n 1 : Implémentation des services autour d'une application de Business Intelligence Projet n 2: Mise en place d'un dispositif d'enquête en ligne Projet n 3 : Mise en place d'un nouveau système de newsletter Bilan Difficultés rencontrées Apports de ce stage Glossaire Bibliographie...41

6 Index des illustrations Figure 1: Comparaison Web 1.0 et Web Figure 2: Fonctionnement de la BI...14 Figure 3: Modèle en étoile...15 Figure 4: Modèle en flocon...15 Figure 5: Société proposant des services BI...16 Figure 6: Prix d'implémentation d'un service BI...16 Figure 7: Nombre de personnes pouvant intervenir sur la solution de BI...17 Figure 8: Aperçu de l'interface de pentaho...18 Figure 9: Aperçu de l'interface de Talend...18 Figure 10: Aperçu de l'interface de Saiku...19 Figure 11: Aperçu de l'interface de C-Tools...19 Figure 12: Aperçu d'un tableau de bord...19 Figure 13: Aperçu des fonctionnalités de Modalisa...21 Figure 14: Aperçu de l'interface de Geany...22 Figure 15: Aperçu d'une enquête réalisée...23 Figure 16: Aperçu de la gestion des scénarios...24 Figure 17: Aperçu des statistiques du backoffice...24 Figure 18: Aperçu de la tendance des recherches de framework sur google...25 Figure 19: Aperçu de l'interface d'import de fichier (ancien site)...27 Figure 20 : Aperçu de l'interface d' ing (ancienne version)...28 Figure 21: MCD de la nouvelle base d' ing...29 Figure 22: Aperçu de la template responsive de base...30 Figure 23: Aperçu de l'interface adapté à la charte graphique de SISA...31 Figure 24: Interface de connexion...32 Figure 25: Interface de gestion des contacts...32 Figure 26: Interface d' ing...33

7 1. Introduction 1.1. But du document Ce document a pour but de présenter la démarche des différents projets effectués pendant mon stage dans l'entreprise SISA SARL Contexte Étudiant de deuxième année à l'institut Universitaire de Technologie (IUT) Informatique de Calais un stage est nécessaire afin de valider l'année. Le stage s'est déroulé à l'entreprise SISA SARL à Calais, il a débuté le 8 avril et prit fin le 15 juin, l'équivalent de 10 semaines. Ce stage a permis de mettre en pratique les connaissances acquises pendant ces deux années de Diplôme Universitaire de Technologie (DUT) Informatique à Calais et m'a également permis de découvrir le monde de l entreprise Besoins de l'entreprise L'entreprise désire réaliser un service d'informatique décisionnelle (Business Intelligence) pour les Petites et Moyennes Entreprises (PME). En parallèle à ce projet l'entreprise souhaite mettre à jour différents projets datant de Contenu du document Dans la section 2, de ce rapport, je commence par présenter l'entreprise. La section 3 est consacrée à décrire les projets à développer. Je détaillerais, dans la section 4, les différents travaux. Dans la section 5, je présenterais un bilan de ces dix semaines de stage en insistant sur les apports et les difficultés rencontrés. Page : 7/47

8 2. Présentation de l'entreprise 2.1. Présentation générale La société a pour dénomination sociale : Solutions Informatiques & Statistiques Appliquées. Le siège social est fixé à : 8, rue Jean Jaures CALAIS. Les associés apportent à la société la somme de euros. Solutions Informatiques & Statistiques Appliquées SARL est administrée par Monsieur Ridha KERKENI en qualité de gérant pour la durée de la société. C'est une entreprise d ingénierie et de conseil en systèmes informatiques Les secteurs d'activités L'entreprise est spécialisée dans le domaine de l'informatique, des statistiques et de l'analyse de données. Le champ d action de SISA couvre les activités suivantes : Conseil en systèmes informatiques : SISA offre les service de l'étude et du conseil en matière de systèmes informatiques, du matériels, des logiciels, des progiciels et des réseaux. Réalisation de logiciels : Les services de développement, production, fourniture et documentation de logiciels et prologiciels (utilitaires d application, développements, etc.), ainsi que leur édition. - Les services de développement, production, fourniture et documentation de logiciels " à la demande ", réalisés sur cahier des charges. Les services de conseils informatiques et de suivi des applications. Traitement de données qui concernent : - Le traitement des données fournies par le client, sans étude de logiciel. - Les travaux spécialisés de saisie de données ou de conversion de fichiers. Études de marché et sondages : Ce service permet la réalisation puis l'analyse des enquêtes. Les sondages et études de marchés font partie intégrante du métier de l'entreprise. Ce service de traitement d'enquêtes a pour objectif : - la fourniture d études portant sur le marché et le comportement de la clientèle, préalables à la mise au point de produits nouveaux ou à la conception de campagnes publicitaires. Page : 8/47

9 - la réalisation, pour des tiers, de sondages d opinions sur des questions politiques, économiques et sociales. Organisations de foires et salons : SISA s intéresse à l organisation et l accueil de manifestations économiques tel que les salons ou les expositions professionnels, périodiques et également à la fourniture et la mise en place de matériels et services d exposition Politique et orientations technologiques de l'entreprise Depuis sa création SISA SARL appris à bras le corps les technologies Open Source, son adhésion à l'architecture client/serveur orientée WEB 2.0 lui ont permis de mettre en place des dispositifs légers pour le compte de ses clients. Cette politique a été dictée particulièrement par la taille de l'entreprise ainsi que les orientations informatiques de la direction Open Source Open Source signifie source ouverte en français. Cette notion comprend donc les logiciels qui ont un code source ouvert, c'est à dire que l'on peut consulter librement. La notion Open Source telle qu'elle est établie par l'osi (Open Source Initiative, organisation créée en 1998 pour la promotion de l'open Source) étend largement ses possibilités. On peut, par exemple, redistribuer librement le logiciel, effectuer sur celui-ci des travaux dérivés, ou même le vendre. La notion Open Source décrite par l'osi est comparable à celle du logiciel libre. Il existe de nombreuses licences permettant de mieux fixer les licences libres. Les plus connues sont sans doutes les licences GPL et LGPL. Il existe des sites qui regroupe des scripts open source tel que github. Attention, il ne faut pas confondre Open Source et gratuit! En effet, si une entreprise développe des logiciels Open Source, il faut aussi qu'elle puisse rémunérer ses employés. Les entrées d'argent vont alors provenir d'un support technique professionnel, de formations, ou de l'ajout de modules supplémentaires payants, même si cela est généralement beaucoup moins cher que l'achat d'un logiciel propriétaire Architecture Client/Serveur Dans l'architecture client/serveur, un groupe de machines, les serveurs, ont pour rôle de servir un autre groupe, les utilisateurs, que l'on nomme les clients (on prend ici une définition au niveau Page : 9/47

10 machine, on pourrait également en donner une au niveau processus). Par servir, on désigne la réalisation d'une tâche demandée par le client. Sur la machine cliente, les utilisateurs disposent de l'interface. Sur les serveurs, c'est la gestion des bases de données qui est effectuée (analyse et optimisation des requêtes répartition). On peut distinguer deux types de clients. Le client lourd L'utilisateur est obligé de se connecter explicitement à tous les serveurs dont il a besoin pour la requête qu'il veut formuler. Le client léger Il offre plus de transparence. L'utilisateur ne se connecte qu'à la base de données via un serveur unique. Le système de gestion des bases données se charge alors de gérer les différentes connexions que nécessitera la requête de l'utilisateur WEB 2.0 Le terme WEB 2.0 a été inventé en 2004 par Dale Dougherty de la société O'Reilly_Media pour signifier une évolution / transition dans le web. Comme on peut l'apercevoir sur la figure 1 : la grande différence entre le WEB1.0 et le WEB 2.0, c'est que les utilisateurs puisse interagir avec le site en ayant la possibilité d'ajouter des contenus sur le site. Figure 1: Comparaison Web 1.0 et Web 2.0 Page : 10/47

11 3. Présentation des projets 3.1. Projet n 1 : Implémentation des services autour d'une application de Business Intelligence L'entreprise souhaite mettre en place une application d'informatique décisionnelle (Business Intelligence) pour le compte d'un client. En effet, l'objectif annoncé est d'avoir une solution open source (Version communautaire et gratuite) pour traiter des «Big Data». Lors de notre recherche documentaire, il s'est avéré que la plupart des solutions commercialisées se compte en dizaine de milliers d'euros et concerne plutôt les grands comptes (assurances, banques, etc...). Le choix que SISA a présenté à son client consiste à l'utilisation d'une solution 100 % gratuite et open source. Cette solution est un mixte de Pentaho, Saiku et C-Tools. Ce projet sera développé dans la partie Projet n 2: Mise en place d'un dispositif d'enquête en ligne L'entreprise a déjà réalisé auparavant des enquêtes, mais celles-ci était développé en procédurale. L'intervention sur le code des enquêtes ainsi que la plate-forme d' ing de l'entreprise s'est révélée fastidieuse et a nécessité un temps considérable. M. Kerkeni m'a demandé de développer un dispositif de recueil de données en utilisant le modèle MVC. (Modèle Vue Contrôleurs) afin de simplifier la réutilisation et la maintenabilité du dispositif. Ce dispositif a été mise en place dans le cadre d'un partenariat avec l'acces paneliste Respondi. Un access panel est un panel qualifié d individus volontaires créé à l initiative d une société d étude et dont une partie de la population peut être rapidement interrogée en fonction d une problématique annonceur. Respondi propose à des Internautes de s'inscrire sur leur site, de répondre à des enquêtes en échange de points. Ces derniers peuvent être échangé contre de l'argent ou des cadeaux sur des sites partenaires. L'utilisation de Respondi a permit de réaliser un ing plus ciblé à la demande du client. Ce projet sera développé dans la partie Projet n 3 : Mise en place d'un nouveau système de newsletter La demande est de réaliser une nouvelle interface du système d' ing. En ayant la possibilité de gérer les contacts, de rédiger des mails à l'aide d'un éditeur WYSIWYG. Page : 11/47

12 Les contraintes sont la réalisation d'une interface responsive design pour la partie utilisateur, un back-office sécurisé pour les administrateurs. L'autre contrainte de taille est de tout développer en programmation orientée objet (POO) via un framework. Ce projet sera développé dans la partie Méthodologie Le travail que j'ai mené durant ce stage peut être décomposé en trois phases : La première phase consiste à l'étude et/ou l'analyse de l'existant afin d'avoir une vision de l'ensemble et des détails de chaque sujet traité. La deuxième phase consiste à se familiariser avec les outils technologiques nécessaire à l'exploitation. Cette phase m'a permis d'approfondir des connaissances déjà acquises. Les outils technologiques sont principalement des langages (AJAX, HTML, PHP, SQL, JavaScript...), base de données (PostgreSQL, MySQL...). La troisième phase concerne l'intervention sur les différents projets Planning Date Du 8 avril au 22 avril Tâches - Recherche documentaire sur la Business Intelligence - Analyse de l'existant - Approfondissement des connaissances en javascript Du 22 avril au 29 avril - Étude de l'interface de pentaho et du plugin C-Tools Du 29 avril au 6 mai - Création d'un générateur de tri à plats Du 6 mai au 13 mai - Maintenance de divers projets (Correction de Bug ) - Étude sur le responsive design - Étude du framework CodeIgniter Du 13 mai au 27 mai - Création d'une enquête sur le dressing Du 27 au 3 juin - Implémentation d'un theme responsive design pour une newsletter en utilisant le framework CodeIgniter Du 3 juin au 10 juin - Poursuite d'implémentation de la newsletter Page : 12/47

13 4. Travaux réalisés 4.1. Projet n 1 : Implémentation des services autour d'une application de Business Intelligence Étude Bibliographique Le terme Business Intelligence est apparu la première fois en octobre 1958 dans un article de IBM Journal rédigé par Hans-Peter LUHN. La Business Intelligence est une partie de l'informatique consistant à effectuer du reporting automatisé et des analyses numériques à partir de données existantes. Les domaines d'application de la Business Intelligence Toutes les activités de l entreprise sont concernées par les systèmes décisionnels et en sont des utilisateurs potentiels : Le contrôle de gestion pour l analyse des coûts, l analyse de la rentabilité, l élaboration budgétaire, les indicateurs de performance... Le marketing pour le ciblage, le pilotage de gamme, les applications de géomarketing, de fidélisation clients... La direction commerciale pour le pilotage des réseaux (directs ou indirects), les prévisions des ventes, l optimisation des territoires... Les ressources humaines pour la gestion des carrières, la gestion collective... La direction de la production pour l analyse qualité, la prévision des stocks, la gestion des flux, la fiabilité industrielle... La direction générale pour les tableaux de bord, indicateurs de pilotage, gestion d alertes... Page : 13/47

14 Fonctionnement d'une application Business Intelligence Figure 2: Fonctionnement de la BI Idéalement, les données sont extraites par un ETL des bases de production ou autres sources (fichiers plats, tableurs, etc.) et intégrées dans un Datawarehouse, agrégées dans un ou plusieurs Datamart. Elles sont lues soit directement par un outil de reporting, soit à travers une couche sémantique pour une analyse ad hoc(requêtes à la demande). Il est important de savoir que la réalisation de l'etl constitue 70% d'un projet décisionnel en moyenne. Et ce n'est pas pour rien, ce système est complexe et ne doit rien laisser s'échapper, sous peine d'avoir une mauvaise information dans l'entrepôt, donc des données fausses, donc inutilisables. L'objectif du DataWarehouse est de stocker les données de façon intégrée (codage et représentation unique) et historisée. Les différents modèles d'entrepôt de données La modélisation de l'entrepôt de données (DataWarehouse) peut suivre le modèle étoile ou le modèle flocon Modèle en étoile : (cf Figure 3) Le modèle de données «en étoile» est typique des structures multidimensionnelles stockant des données atomiques ou agrégées, elle est implémenté sur un SGBD relationnel classique. La table située au centre de l'étoile est la table des faits ou mesures (ou encore métriques) : ce Page : 14/47

15 sont les éléments mesurés dans l'analyse comme les montants, les quantités, les taux, etc. Les tables situées aux extrémités de l'étoile sont les tables de dimensions (ou encore axes d'analyse) ou niveaux de suivi. Ce sont les dimensions explorées dans l'analyse comme par exemple le temps (jour, mois, période,...), la nomenclature des produits (référence, famille,...), la segmentation clientèle (tranche d'âge, marché,...), etc. Le principe d'optimisation de ce modèle en étoile est le suivant : une clé calculée "technique" (clé générique) sert de jointure relationnelle entre les tables de dimensions et la table des faits. La requête SQL réalise d'abord sa sélection sur les tables de dimensions (peu volumineuses) et ensuite seulement, à partir des clés ainsi sélectionnées, la jointure avec la volumineuse table des faits. Un ensemble d'étoiles ou de flocons dans lequel les tables de faits se partagent certaines tables de dimensions forme un modèle «en constellation». Modèle en flocon: (cf Figure 4) Le principe est le même que pour le modèle en étoile, mais en plus les dimensions sont décomposées. Le but est d'économiser ainsi de la place. Cela permet également d'instaurer une hiérarchie au sein des dimensions. Cela engendre par contre une complexification du modèle. Le modèle de données dit «en flocon» est une variante du modèle en étoile : chaque table de dimension est re-normalisée pour faire apparaître la hiérarchie sous-jacente (nomenclature,...). La normalisation n'est pas indispensable car ni mises à jour ni suppressions ne sont effectuées directement sur l'entrepôt de données. L'intérêt principal du modèle en flocon réside dans le gain en espace de stockage qui est de l'ordre de 5 à 10 %. Figure 3: Modèle en étoile Figure 4: Modèle en flocon Qui propose une application Business Intelligence Page : 15/47

16 Figure 5: Société proposant des services BI Comme on peut l'apercevoir sur la figure 5, il y a peu challengers et aucun visionnaires qui propose des solutions Business Intelligence On peut apercevoir dans les leader de grande Entreprise tel que IBM, Microsoft, Oracle Et en parallèle de nombreux niche players comme Pentaho, Jaspersoft... Quel est le prix d'une application business intelligence Figure 6: Prix d'implémentation d'un service BI Page : 16/47

17 Sur la figure 6, on peut apercevoir à combien reviens l'implémentation d'une application de Business Intelligence. On peut apercevoir Pentaho avec une licence gratuite et propose un support payant. La taille (size) permet de définir le nombre de personnes pouvant intervenir sur la solution de Business Intelligence (cf figure 7) Figure 7: Nombre de personnes pouvant intervenir sur la solution de BI Technologies Ce projet a nécessité l'utilisation de plusieurs applicatifs: Pentaho : Pentaho est une plate-forme décisionnelle open source développé en JAVA. Il est possible d'y intégrer divers api(application Programing Interface). Un aperçu de l'interface est visible à la figure 8. Talend Talend est un éditeur de logiciel Open Source spécialisé dans l'extraction, l'intégration et le chargement de données. (ETL) Il a été utilisé pour importer dans une base de donnée des fichiers de données au format CSV Un aperçu de l'interface est visible à la figure 9. Saiku Saik est une interface Javascript permettant d'exécuter des requêtes MDX(MultiDimensionnal expression) afin de générer des tableaux croisés et/ou des graphiques. Cette interface peut être Page : 17/47

18 implémenter dans Pentaho Un aperçu de l'interface est visible à la figure 10. Page : 18/47

19 C-Tools : C-Tools est une API implémentable dans Pentaho permettant de réaliser des tableaux de Bords pour le reporting. Cette interface est décomposé en 4 parties : la structure du tableau de bord (le «Layout») les différents composants («Components») du tableau de bord : graphiques, tableaux de données, objets web (listes déroulantes, cases à cocher, calendrier ) ; les interactions entre les composants, au travers de paramètres («Parameters») ; les sources de données nécessaires à l'alimentation des composants («Data Sources»). Un aperçu de l'interface est visible à la figure 11. Figure 8: Aperçu de l'interface de pentaho Figure 9: Aperçu de l'interface de Talend Page : 19/47

20 Figure 10: Aperçu de l'interface de Saiku Figure 11: Aperçu de l'interface de C-Tools Réalisation Lors de ce projet ma contribution était : - Importer des fichiers CSV issue de différentes base de données via Talend, - Réalisation des cubes OLAP via Pentaho, - Création d'un tableau de bord via C-Tools Figure 12: Aperçu d'un tableau de bord Page : 20/47

21 4.2. Projet n 2: Mise en place d'un dispositif d'enquête en ligne Étude Bibliographique Le MVC (Model-View-Controller, soit Modèle-Vue-Contrôleur) est une architecture qui intègre trois niveaux de conception suivants : Le Modèle : il s'agit du comportement de l'application. Ce niveau intègre l'ensemble des interactions avec la base de données et le traitement des données : il contient et manipule toutes les données, en gérant leur sélection, leur insertion, leur modification ou leur suppression («CRUD»). Pour cela, il propose des méthodes spécifiques à la bonne tenue de ces actions. La Vue : il s'agit de l'interface que l'utilisateur va manipuler. Elle habille les données transmises par le modèle et reçoit toutes les actions effectuées par l'utilisateur, sans en assurer le traitement : les actions sont transférées au contrôleur. Le Contrôleur : il prend en charge la gestion des événements pour mettre à jour la vue ou synchroniser des informations via le modèle. Il reçoit toutes les actions effectuées par l'utilisateur, et effectue la détection d'erreurs (vérification du remplissage correct des champs d'un formulaire, par exemple). Tout comme la vue, le contrôleur n'effectue aucune modification sur les données, il est uniquement chargé d'appeler le modèle et de renvoyer la vue concernée. Exemple : Une application doit afficher une liste de clients et permettre les mises à jour. Le Modèle lit en base de données toutes les informations sur les clients, et procède à l'enregistrement des modifications apportées à ceux-ci. La Vue se charge de décorer les données issues du modèle (mise en gras, code html, etc.), afficher des liens d'édition et de suppression ainsi que le formulaire de modification des fiches clients. Le Contrôleur, quand à lui, vérifie que les informations saisies dans le formulaire de modification d'un client sont bien formatées, et que tous les champs obligatoires ont été remplis par des données correctement formatées (que l'adresse est bien conforme aux standards ou que le numéro de téléphone est valide, par exemple). Pour résumer le principe de fonctionnement du MVC, lorsqu'un client effectue un appel à une application, la requête est analysée par le contrôleur qui demande au modèle concerné d'effectuer les opérations. Enfin, c'est ce même contrôleur qui va renvoyer la vue concernée au client. Page : 21/47

22 Technologies Pour réaliser ce projet, de nombreuses technologies ont été utilisées. Concernant les langages de programmations j'ai utilisé de l'ajax, CSS 3, HTML5 Javascript, Jquery, PHP ainsi que divers logiciels. Modalisa Logiciel regroupant de nombreuses fonctionnalités visible à la figure 13. Il a été utilisé pour générer des formulaires HTML et sera -in fine- l'outil de traitement et d'analyse des résultats chez le client. Geany Geany est un IDE(ce référer au glossaire) proposant de nombreuses fonctionnalités. L'interface est décomposé en 4 parties.(cf figure 14) Tout en haut la barre des menus, permettant d'ouvrir les fichier, de les enregistrer, la personnalisation des couleurs et beaucoup d'autres fonctions. La deuxième partie est une la fenêtre sur la gauche, qui liste toutes les fonctions avec le numéro de la lignes, ainsi que les lignes des affection des différentes variables. La troisième partie contient la fenêtre avec le contenu du code. Cette IDE permet l'autocomplete avec les fonctions de base de PHP. De plus lorsqu'on définit une fonction dans un fichier, il propose aussi une autocomplete. Figure 13: Aperçu des fonctionnalités de Modalisa Page : 22/47

23 Figure 14: Aperçu de l'interface de Geany Réalisation Le client nous a envoyé un fichier MsWord avec les différentes questions. M. Kerkeni à générer le formulaire HTML à l'aide du logiciel Modalisa. Modalisa propose la vérification des différents champs si c'est un nombre, si la saisie est obligatoire... Il propose aussi la gestion des pages. Mais j'ai eu en charge d'ajouter d'autre fonctionnalités : Implémentation d'une barre de progression JQUERY pour informer l'état de l'avancement du questionnaire. Rajout des contrôles Javascript pour emmener l'utilisateur en fin de questionnaire en fonction de certains filtres Rajout d'un système de visualisation de questions caché selon des scénarios de réponses Une des grandes difficultés de ce projet est de rendre cette enquête portable en fonction des différents navigateurs. Une fois l'implémentation du questionnaire, il a fallu créer une base de données pour recueillir les réponses des panelistes. Pour une navigations simplifié, les utilisateurs était directement redirigé au début du questionnaire, la connexion se faisait avec des paramètres dans l'url. La dernière tâche consistait à implémenter l'administration du site Web et de l'adapter avec le questionnaire. Page : 23/47

24 Aperçus Figure 15: Aperçu d'une enquête réalisée On peut apercevoir, la barre de progression en haut à droite, la possibilité d'accéder à la suite du formulaire en bas à droite. Page : 24/47

25 Sur la figure 16 on peut apercevoir la gestion des scénarios de réponse, c'est à dire que si on clique sur oui à la première question, une nouvelle question va apparaître. Figure 16: Aperçu de la gestion des scénarios Dans le back-office j'ai adapté les statistiques selon les profils des répondants à l'enquête. Figure 17: Aperçu des statistiques du backoffice Page : 25/47

26 Les «Screen Out» sont des personnes dont les réponses n'intéressent pas le client Les «complete» sont ceux qui ont répondu à toutes les questions. La signalétique est un questionnaire ou les panelistes se présentent 4.3. Projet n 3 : Mise en place d'un nouveau système de newsletter Étude bibliographique L'interêt d'un framework Le terme de «framework» se traduit littéralement par «cadre de travail» : dans le cas des frameworks Web, concrètement, il s'agit d'un ensemble de bibliothèques et d'outils qui permettent d'améliorer la conception d'applications Web, en apportant des fonctionnalités supplémentaires tout en ajoutant de la rigueur dans leur développement. Utiliser un framework, c'est donc avoir la garantie de disposer d'une architecture cohérente, où la rigueur de développement est primordiale. C'est aussi une réflexion sur l'avenir, puisqu'un code léger, optimisé et cohérent est bien plus simple à maintenir et améliorer. Cependant, utiliser un framework introduit de nombreuses exigences et de la complexité, dans la mesure où certaines habitudes de développement devront être mises de côté lors de son adoption. Ainsi, bien qu'il soit censé améliorer la productivité de vos développements, il existe toujours une phase au cours de laquelle le coût est plus important que le gain : ce choix dont donc être mûrement réfléchi. Les différents frameworks Les 5 plus gros frameworks PHP sont CakePHP, CodeIgniter, Symfony, Yii, Zend Framework Figure 18: Aperçu de la tendance des recherches de framework sur google Page : 26/47

27 La figure 18 montre la tendance de recherche sur google par rapport au différents framework PHP C'est une des raisons du choix du framework CodeIgniter Présentation du CodeIgniter Origines et motivation du Framework CodeIgniter est apparu en 2006 sous l'impulsion du développeur Rick Ellis. Il est activement développé depuis. L'objectif est de produire un framework rapide et peu gourmand en mémoire, pouvant être facilement et rapidement déployé, proposant une courbe d'apprentissage rapide et restant simple d'utilisation. Le développement du framework est largement orienté vers la vitesse d'exécution de ce dernier. A ce titre, de nombreux choix ont été faits, rejetant certaines propositions d'enrichissement de fonctionnalités afin de concentrer les efforts de développement sur le cœur du framework. Le choix a également été fait de ne pas imposer de conventions contraignantes aux développeurs et de les laisser librement appliquer les leurs. De ce point de vue, CodeIgniter est une vrai réussite, respectant totalement ses motivations de départ. Points fort du framework Les points forts du framework sont de manière évidente sa versatilité et son faible impact sur les infrastructures. CodeIgniter est vraiment rapide, s'installe rapidement sur toutes les plateformes (PHP4 et PHP5) et propose une prise en main excessivement aisée. Un programmeur PHP habitué à coder lui-même ses contrôleurs et ses vues augmentera ainsi son rendement. Il trouvera beaucoup de fonctionnalités pratiques couvrant les besoins les plus basiques mais aussi les plus récurrents (logs, cache, cookies, etc.). La documentation a fait l'objet de gros efforts de la part de la communauté. Elle est relativement simple à appréhender et suffit largement à un démarrage efficace. La compatibilité PHP4 peut être un avantage si vos plateformes ne supportent pas PHP5, bien qu'il soit à l'heure actuelle vivement recommandé d'effectuer la migration, PHP4 n'étant plus maintenu ou en passe de ne plus l'être. Points faibles du framework CodeIgniter est un framework «léger». Par conception, il laisse au développeur beaucoup de Page : 27/47

28 choses à faire à la main comme l'escaping des données ou l'appel des vues L'existant Sisaweb disposait d'un système d' ing fonctionnelle datant de Cette interface dispose de nombreuses lacunes ergonomique. Par exemple, la rédaction des formulaires étaient réalisée à l'aide de Microsoft Word, enregistrer au format HTML. Ce fichier HTML devait par la suite être épuré car le générateur de Microsoft Word n'est pas très performant. Voici quelques aperçu de l'interface existante : Le système d'import de fichier html. Figure 19: Aperçu de l'interface d'import de fichier (ancien site) La page d'envoi de fichier Tous les contacts étant listé sur la même page, ce qui rend difficile l'accès au bouton envoyer. L'interface propose de rechercher, d'ajouter, consulter, modifier, supprimer, importer et exporter les contacts. Page : 28/47

29 Figure 20 : Aperçu de l'interface d' ing (ancienne version) Technologiess Pour ce projet les langages de programmations utilisés sont : Côté Client : AJAX, CSS, HTML, JavaScript, Jquery Côté Serveur:PHP L'utilisation du Framework CodeIgniter et d'une template responsive design ainsi que du logiciel GEANY comme IDE. Page : 29/47

30 Analyse et conception de la nouvelle base de donnée Figure 21: MCD de la nouvelle base d' ing La nouvelle interface Pour réaliser la nouvelle interface graphique nous avons cherché des templates libre de droit et qui étaient responsive.après quelque recherches nous avons intégré le design de Derby WebDesign (cf. figure ci dessous). Page : 30/47

31 Figure 22: Aperçu de la template responsive de base Une fois cette interface implémenté nous l'avons adapté avec la charte graphique du site sisaweb Nous avons intégrer un nouveau système de menu plus ergonomique. Voici des aperçus de la nouvelle interface Page : 31/47

32 Figure 23: Aperçu de l'interface adapté à la charte graphique de SISA Les fonctionnalités Le site est toujours en cours de développement, les fonctionnalités actuellement disponible sont : - La sécurisation de l'interface avec un login et un password Page : 32/47

33 Figure 24: Interface de connexion - La gestion des contacts avec une fonction de recherche, d'ajout, de modification & de suppression Figure 25: Interface de gestion des contacts Page : 33/47

34 - La rédaction des s avec un système WYSIWYG (Redactor JS) Figure 26: Interface d' ing Les futurs ajouts Afin de rendre le système de newsletter fonctionnel, il reste : La gestion de l'envoi de mail La gestion des droits des utilisateurs (Visualiser les contacts, Importer / Exporter des contacts, l'envoi de mail ) Un système de logs (Lors de l'envoi de mail, d'import de contacts ) La création d'un système d'historique des mails (Enregistrement des versions) Page : 34/47

35 5. Bilan 5.1. Difficultés rencontrées La principale difficulté rencontrée lors de mon stage, c'était la notion de la Business Intelligence. Cela m'a amené à réaliser une étude sur le fonctionnement de celle-ci. J'ai rencontré également un problème lors de la mise en production du projet «Mise en place d'un dispositif d'enquête en ligne» et ceci à cause de l'absence d'un cahier des charges technique et le nombre de modifications demandé par le client Apports de ce stage Ce stage m'a permis à être plus autonome. J'ai eu la possibilité d'approfondir la programmation orientée objet en PHP et également l'utilisation du framework CodeIgniter. Très utile pour le travail de groupe ou pour les petits projets. L'apprentissage du modèle MVC (Modèle Views Controller). Une découverte du métier des chargés d'études grâce à l'étude et l'utilisation de différents outils afférant à la Business Intelligence. Pour conclure, ce stage m'a permis de mettre en pratique les connaissances acquises lors de mes deux années à l'iut, l'utilisation des frameworks, la programmation orientée objet ainsi que plusieurs langages et base de données. Page : 35/47

36 6. Glossaire AJAX (Asynchronous JavaScript And XML) L' AJAX permet l'actualisation de certaines données d'une page sans procéder au rechargement total de cette page. Back Office : Une application de back-office est la partie d'un système informatique qui n'est pas accessible aux utilisateurs finaux ou aux clients, par opposition à une application de front office. Une traduction possible de back-office est arrièreboutique, service d'appui, ou encore arrière-guichet. Business Intelligence : L informatique décisionnelle (en anglais : BI pour Business Intelligence1) est l'informatique à l'usage des décideurs et des dirigeants des entreprises. Elle désigne les moyens, les outils et les méthodes qui permettent de collecter, consolider, modéliser et restituer les données, matérielles ou immatérielles, d'une entreprise en vue d'offrir une aide à la décision et de permettre à un décideur d avoir une vue d ensemble de l activité traitée. CSS (Cascading Style Sheets: feuilles de style en cascade) Le CSS est apparu en 1996, il permet de mettre en forme des fichiers HTML, c'est à dire de définir les couleurs, les positions des différents blocs... Ce langage est un complément du langage HTML. Ce langage est un langage interprếté par le client. Data-warehouse : (Entrepôt de Données) Base de données regroupant, sur un serveur dédié, l'ensemble des données de l'entreprise qui sont utilisées par des applications décisionnelles Datamart : Base de données destinée à l'analyse, comportant des données agrégées et modélisées en dimensions et indicateurs. L'objectif d'un datamart est d'offrir à ses utilisateurs un temps de réponse optimal pour leur besoin analytique. Techniquement, un DM peut être sous forme relationnelle (étoile, flocon) ou multidimensionnelle (hypercube). Dans le premier cas, il est généralement hébergé sur la même base de donnée physique que le Datawarehouse dont il est issu, et avec lequel il partage un certain nombre de tables Page : 36/47

37 ETL, (Extraction, Transformation, Loading) ETL est un système de chargement de données depuis les différentes sources d'information de l'entreprise (hétérogènes) jusqu'à l'entrepôt de données (modèles multidimensionnels). Ce système ne se contente pas de charger les données, il doit les faire passer par un tas de moulinettes pour les dé-normaliser, les nettoyer, les contextualiser, puis de les charger de la façon adéquate. Framework Un framework est une bibliothèque contenant plusieurs fonctions permettant de simplifier le code. Il existe des frameworks pour php (Code Igniter, Yii...), d'autre pour le javascript (Angular Js ) Github : GitHub est un service web d'hébergement et de gestion de développement de logiciels, utilisant le programme Git, qui est un logiciel de gestion de versions décentralisé. GitHub propose des comptes professionnels payants, ainsi que des comptes gratuits pour les projets de logiciels libres. La licence GPL (GNU General Public License), Créée en 1989, est utilisée par la plus grande partie des pro jets Op en Source. Elle p ermet de consulter, mo dier et redistribuer le travail mais il est interdit de rediuser le pro duit à des ns commerciales. Dans le cadre d'une redistribution, il faut imp érativement fournir le code source (c'est la condition CopyLeft). La licence LGPL(Lesser GNU General Public License) Créée en 1991 dans le but d'offrir une licence moins restrictive que la GPL. Cette licence n'a plus la notion de CopyLeft, il est donc possible de fusionner un logiciel propriétaire avec un logiciel LGPL sans garder la licence LGPL. Cependant si un utilisateur veut modier le code source sous LGPL, il devra le redistribuer sous cette même licence. HTML (HyperText Markup Language) Le HTML est un langage informatique orienté WEB inventé en 1990 par un scientifique nommé Tim Berners-Lee (Informaticien dans un centre de recherche). Ce langage permet de mettre en forme le contenu des pages, d'inclure des images, vidéos d'un site web. IDE(Integrated Development Environment : Environnement de développement) Il existe de nombreux IDE, ces logiciels permettent de proposer une interface plus agréable pour le développeur. Page : 37/47

38 Javascript Le javascript est un langage orienté Web créé en 1995 par Brendan Eich. Ce langage permet de créer des interractions avec le clients. Par exemple, il permet d'actualisé le contenu d'une page en cliquant sur un bouton, vérifier si les champs des formulaires sont correctement rempli. Ou encore afficher l'heure sur le site qui s'actualise (se met à jour) toutes les minutes. Jquery Le Jquery est un framework Javascript disposant de nombreuses fonctions permettant de simplifier le code Javascript. Il permet aussi l'implémentation de script AJAX. Ce langage a été créé par John Resig en JSON (JavaScript Object Notation) Le JSON est un format de données textuelles permettant de représenter de représenter de l'information structurée. Linux : Linux ou GNU/Linux est un système d'exploitation libre fonctionnant avec le noyau Linux. Ce système est né de la rencontre entre le mouvement du logiciel libre et le modèle de développementcollaboratif et décentralisé via Internet. Son nom vient du créateur du noyau Linux, Linus Torvalds. MDX (MultiDimensional Expressions) MDX est un langage de requête créé pour manipuler les données multidimensionnelles provenant d'un moteur OLAP. MySQL : MySQL est un système de gestion de base de données (SGBD). Il est distribué sous une double licence GPL et propriétaire. Il fait partie des logiciels de gestion de base de données les plus utilisés au monde1, autant par le grand public (applications web principalement) que par des professionnels. Navigateur Internet Un navigateur est un logiciel permettant se connecter à Internet, par exemple Internet Explorer, Opera, Firefox, Google Chrome OLAP (Online Analytical Processing : Traitement Analytique en ligne) Le but de l'olap est de permettre une analyse multidimensionnelle sur des bases de données volumineuses afin de mettre en évidence une analyse particulière des données. Page : 38/47

39 PHP (Personnal Home Page ou Hypertext Preprocessor: acronyme récursif) PHP est un lanage de programmation orienté Web, il a été créé en 1994 par Rasmus Lerdorf. Ce langage permet de créer des pages Web interractive. Ce langage peut être relié par exemple à une base de données, récupérer les réponses d'un formulaire ou encore envoyer des mails. POO : La programmation orientée objet (POO), ou programmation par objet, est un paradigme de programmation informatique. Il consiste en la définition et l'interaction de briques logicielles appelées objets ; un objet représente un concept, une idée ou toute entité du monde physique, comme une voiture, une personne ou encore une page d'un livre. Il possède une structure interne et un comportement, et il sait communiquer avec ses pairs. Il s'agit donc de représenter ces objets et leurs relations ; la communication entre les objets via leurs relations permet de réaliser les fonctionnalités attendues, de résoudre le ou les problèmes. PostgreSQL : PostgreSQL est un système de gestion de base de données relationnelle et objet (SGBDRO). C'est un outil libre disponible selon les termes d'une licence de type BSD. Ce système est concurrent d'autres systèmes de gestion de base de données, qu'ils soient libres (comme MySQL et Firebird), ou propriétaires (comme Oracle, Sybase, DB2, Informix et Microsoft SQL Server). Comme les projets libres Apache et Linux, PostgreSQL n'est pas contrôlé par une seule entreprise, mais est fondé sur une communauté mondiale de développeurs et d'entreprises. Reporting : Les outils de reporting proposent la réalisation de rapports selon un format prédéterminé. Les bases de données sont interrogées selon les requêtes SQL préparées lors de l'élaboration du modèle. Responsive Web Design : La notion de Responsive Web Design regroupe différents principes et technologies dont le but est que l utilisateur peut ainsi consulter le même site Web à travers une large gamme d'appareils (moniteurs d'ordinateur, smartphones, tablettes, TV, etc.). Saiku : Saiku est un logiciel open-source modulable qui permet d effectuer une analyse très rapide sur une architecture de type OLAP. Il permet d avoir une visualisation des données sous forme de tableau ou graphiques. Page : 39/47

40 SGBDR (Système de gestion de base de données Relationnelle) Il existe plusieurs SGBD mais les plus utilisées pour le développement Web sont le MySQL ou le PostgreSQL. Un SGBD contient plusieurs base base de données afin de stocker différentes données. SQL (Structured Query Language) Le SQL est un langage permettant d interagir avec une base de données en envoyant des requêtes. Système d exploitation : En informatique, un système d'exploitation (souvent appelé OS pour Operating System, le terme anglophone) est un ensemble de programmes qui dirige l'utilisation des capacités d'un ordinateur par des logiciels applicatifs. XML (Extensible Markup Language) XML est un langage informatique qui sert à enregistrer des données textuelles. Contrairement à l'html qui présente un nombre finit de balises, le XML donne la possibilité de créer de nouvelles balises à volonté. Web 2.0 : Le Web 2.0 est l'évolution du Web vers plus de simplicité (ne nécessitant pas de connaissances techniques ni informatiques pour les utilisateurs) et d'interactivité (permettant à chacun, de façon individuelle ou collective, de contribuer, d'échanger et de collaborer sous différentes formes). Page : 40/47