BTS Services informatiques aux organisationsSession 2017

E4 – Conception et maintenance de solutions informatiquesCoefficient 4

DESCRIPTION D’UNE SITUATION PROFESSIONNELLE

Épreuve ponctuelle Contrôle en cours de formation x

PARCOURS SISR PARCOURS SLAM x

NOM et prénom du candidat : ROGGEMANS N° candidat:

Contexte de la situation professionnelle2

L’association M2L (la ligue de Lorraine)Intitulé de la situation professionnelleModification du site internet MEDAILLE de la M2L

Période de réalisation : du 23/11/2015 au 30/11/2015 Lieu : Centre de FormationModalité : Seul En équipe x

Principale (s) activité (s) concernée (s)3

A1.1.1 Analyse du cahier des charges d'un service à produire A1.2.2 Rédaction des spécifications techniques de la solution retenue (adaptation d'une solution existante ou réalisation d'une nouvelle) A1.4.1 Participation à un projet A2.3.1 Identification, qualification et évaluation d'un problème A4.1.3 Conception ou adaptation d'une base de données A4.1.6 Gestion d'environnements de développement et de test A4.1.7 Développement, utilisation ou adaptation de composants logiciels A4.1.8 Réalisation des tests nécessaires à la validation d'éléments adaptés ou développésConditions de réalisation (ressources fournies, résultats attendus)Ressources : Cahier des charges, cours de SI6, Internet, Notepad++, WampServer, tutoriels..Résultat attendu : Version v2 du site internet de la M2L

Productions associéesUn fichier Word avec les réponses aux questions, La base de données, Le fichier OpenModelSphereModalités d’accès aux productionsLe travail complet est disponible sur le serveur du chef de projet.Au verso de cette page, le candidat présente un descriptif détaillé de la situation professionnelle et desproductions réalisées sous forme d’un rapport d’activité permettant notamment de mettre en évidence la démarchesuivie et les méthodes retenues.

1En CCF, de l’étudiant.2Conformément au référentiel du BTS SIO, le contexte doit être conforme au cahier des charges national en matière d’environnementtechnologique dans le domaine de spécialité correspondant au parcours du candidat.3En référence à la description des activités des processus prévue dans le référentiel de certification.4Conformément au référentiel du BTS SIO, « Dans tous les cas, les candidats doivent se munir des outils et ressources techniquesnécessaires au déroulement de l’épreuve. Ils sont seuls responsables de la disponibilité et de la mise en œuvre de ces outils etressources. Les candidats qui n’en sont pas munis sont pénalisés dans les limites prévues par la grille d’aide à l’évaluation proposéepar la circulaire nationale d’organisation ». Il s’agit par exemple des identifiant, mot de passe, URL d’un espace de stockage et de laprésentation de l’organisation du stocka

I – Présentation de la situation professionnelle

Dans le cadre de ma formation de B.T.S Services Informatiques aux Organisations, je réalise des travauxencadrés (PPE) dans le but d'acquérir de nombreuses compétences pour l'épreuve Parcours deProfessionnalisation évaluée en CCF en fin de 2ème année et pour ma future carrière.

Lors de cette épreuve, après avoir présenté mon parcours et mes motivations pour avoir intégrer ce BTS, jedois mettre en avant les compétences acquises aussi bien en stages qu'en PPE en illustrant différentessituations professionnelles.

Pour cela, nous avions une situation nommée « MEDAILLE» à réaliser ; Encore une fois dans le contexte dela Maison des Ligues de Lorraine (M2L), considérés comme stagiaires, nous devions rendre une versionaméliorée (v2) du site MEDAILLE. Le site était déjà en partie développé, il fallait apporter quelquesmodifications au niveau de la base de données ou du code PHP pour que le site soit opérationnel.En effet, ces missions consistaient en des ajouts de photos, de données ou encore de rectificationsd’erreurs. Cela se faisait sur les différentes pages PHP qui nous ont été fournies dans les ressources. Ainsil’utilisation de logiciel comme OpenModelSphere mais aussi WampServer et PHPmyAdmin, était nécessairepour ce travail.

II – Productions réalisées

Lors de ce PPE, chaque équipier avait une activité ou action de maintenance a effectué. Pourma part, je me suis occupé de l’activité M2. Il y’avait plusieurs tâches dans celle-ci : 1) Une lecture approfondie du sujet pour comprendre les attentes du client. 2) Ajout de deux cartes dans la page de contact dans le but de donner la localisation du siège de laM2L. 3) Correction de redirection de page ; le lien Trophées amenait à la page des Coupes.4) Ajouter les dimensions des médailles, des coupes et des trophées dans la base de données(schéma de données + Wamp Server) mais également sur la page web via le langage PHP. 5) Rendre dynamique les évènements sur la page d’accueil en haut à gauche en modifiant la base dedonnées puis le code. 6) Mise en commun pour concevoir la version v2.

Pour ce PPE, j’étais en équipe avec Robin (chef de projet) puis Diogo qui faisait l’activité M3. Maisil y’a eu un changement d’équipe lors de la deuxième séance et Thomas BOYER nous a rejointpour faire l’activité M3.

MEDAILLE

[A4.1.8 RÉALISATION DES TESTS NÉCESSAIRES À LA VALIDATION D'ÉLÉMENTS ADAPTÉS OU DÉVELOPPÉS] [Sélectionnez la date]

La situation concerne l’activité; A4.1.8 Réalisation des tests nécessaires à la validation d'éléments adaptés ou développés. Nous avions la possibilité de l’accomplir entre le 25/01 et le 01/02. L’objectif est de faire de nombreux tests dans le but d'améliorer l’interface.

C4.1.8.1 élaborer et réaliser des tests unitaires

C4.1.8.2 Mettre en évidence et corriger les écarts

Tout au long de ce PPE, pour chaque tâche, nous avions la nécessité d’effectuer des tests liés aux

missions que nous devions faire. Wamp Server nous permet de tester le code en local.

On se connecte à l’adresse interne 127.0.0.1 suivi du nom de la page qu’on veut tester, ici index.php.

Après cette connexion, WampServer pouvait retourner un message d’erreur auquel il fallait

s’adapter. Le message délivré toutes les informations nécessaire pour corriger le problème : numéro

de ligne, nom de la page...

L’erreur la plus fréquente concernait l’extension mysqli qui remplace en partie mysql. Il fallait ainsi

s’adapter à cette nouvelle extension car mysql va être supprimer dans le futur.

MEDAILLE

[A4.1.6 GESTION D'ENVIRONNEMENTS DE DÉVELOPPEMENT ET DE TEST] [Sélectionnez la date]

La situation concerne l’activité; A4.1.6 Gestion d'environnements de développement et de test. Nous avions la possibilité de l’accomplir entre le 25/01 et le 01/02. L’objectif est de savoir exploiter l'environnement de développement et utiliser ses nombreuses fonctionnalités :

C4.1.6.1 Mettre en place et exploiter un environnement de développement

C4.1.6.2 Mettre en place et exploiter un environnement de test

Pour ce projet, il fallait mettre en place un environnement de développement adapté :

WampServer est une plateforme de développement Web permettant de faire fonctionner

localement des scripts PHP. WampServer n'est pas un logiciel en soi, mais un

environnement avec deux serveurs (Apache et MySql ), un interpréteur de script (PHP), ainsi que

phpMyAdmin pour l'administration Web des bases MySQL.

NotePad ++ est un éditeur qui permet d’écrire du code en PHP pour ce projet. Le code

couleur est agréable à l’œil.

MEDAILLE

[A4.1.6 GESTION D'ENVIRONNEMENTS DE DÉVELOPPEMENT ET DE TEST] [Sélectionnez la date]

WampServer nous permet de faire des tests avec le site internet en local. Pour cela, il faut placer

tous les documents de type .html, .php ( tous les documents utiles pour le site ) dans www directory.

Il est ensuite possible d’accéder à son site via l’accueil de WampServer :

MEDAILLE

[A4.1.3 CONCEPTION OU ADAPTATION D'UNE BASE DE DONNÉES] [Sélectionnez la date]

La situation concerne l’activité; A4.1.3 Conception ou adaptation d'une base de données. Nous avions la possibilité de l’accomplir entre le 25/01 et le 01/02. L’objectif est de savoir utiliser une base de données pour la conception du service :

C4.1.3.1 Modéliser le schéma de données nécessaire à la mise en place de la solution

applicative

C4.1.3.2 Implémenter le schéma de données dans un SGBD

C4.1.3.3 Programmer des éléments de la solution applicative dans le langage d'un

SGBD

C4.1.3.4 Manipuler les données liées à la solution applicative à travers un langage de

requête

Pour réaliser le PPE, le schéma de données du projet nous a été fourni :

Par la suite, il fallait modéliser ce schéma suivant les attentes et les besoins. Plusieurs modifications

devaient être faites :

Ajouter PRD_DIMENSIONS dans

M2L_PRODUITS

Ajouter une entité M2L_EVENEMENTS

MEDAILLE

[A4.1.3 CONCEPTION OU ADAPTATION D'UNE BASE DE DONNÉES] [Sélectionnez la date]

Il fallait donc créer la base de données via WampServer :

Pour ce PPE, des fichiers .csv étaient fourni dans le but de nous aider à créer la base. En effet, il fallait

juste importer ces fichiers dans la base pour que les données soient stockées.

Tout d’abord, il faut connecter la base de données et le projet par le biais d’une « librairie » qu’on

appellera par un include.

MEDAILLE

[A4.1.3 CONCEPTION OU ADAPTATION D'UNE BASE DE DONNÉES] [Sélectionnez la date]

Les élements vont donc devenir dynamiques

grâce à une requête SQL qui selectionne les

élément de la table Evenement, qui les tris par

ordre descroissant ( c'est-à-dire que le plus

récent sera en haut de la liste).

Voici le résultat :

MEDAILLE

[A2.3.1 IDENTIFICATION, QUALIFICATION ET ÉVALUATION D'UN PROBLÈME] [Sélectionnez la date]

La situation concerne l’activité; A2.3.1 Identification, qualification et évaluation d'un problème. Nous avions la possibilité de l’accomplir entre le 25/01 et le 01/02. L’objectif est de savoir repérer un problème dans le code du service et être capable de le cerner. Apporter des solutions à celui-ci.

C2.3.1.1 Repérer une suite de dysfonctionnements récurrents d'un service

C2.3.1.2 Identifier les causes de ce dysfonctionnement

C2.3.1.3 Qualifier le problème (contexte et environnement)

C2.3.1.4 Définir le degré d'urgence du problème

C2.3.1.5 évaluer les conséquences techniques du problème

Il y’avait un dysfonctionnement dans le service. En effet, la page trophée nous donnait les coupes

alors que le lien pour les coupes nous donnait les trophées. Il a donc fallu résoudre ce bug.

Il nous était demandé de compléter l’arborescence du site de la maison des ligues de Lorraine.

L’arborescence permet de savoir à partir de quelle page on peut avoir accès à tel page. Il s’agit, en

quelque sorte, d’un plan du site. C’est un outil important pour comprendre parfaitement

l’organisation d’un site.

MEDAILLE

[A2.3.1 IDENTIFICATION, QUALIFICATION ET ÉVALUATION D'UN PROBLÈME] [Sélectionnez la date]

Ainsi grâce à cette tâche, j’ai parfaitement compris la constitution de notre site ce qui permet de

comprendre où se situe les problèmes des liens. Les erreurs provenaient de la page clubmenu.php et

clubcnx.php. Une fois le bug résolu le code apparaissait de la sorte.

Pour régler l’erreur il m’a fallu modifier les valeurs idGam pour les liens des trophées et des coupes

changeant « idGam = 2 » de Trophées en « idGam=3 » et inversement. Ces valeurs sont attribuéés

lors de l’extraction des valeurs dans la base de données par une requête SQL. Les produits sont alors

classés en 3 catégories les médailles portant le l’id 1, les coupes portant l’id 2, et les trophées portant

l’id 3… Une fois le bug résolu les deux liens affichent alors les bons produits.

Ce problème était assez important car il causait une grosse confusion entre deux pages. Ainsi,

l’utilisateur n’aurait pas pu consulter les bons produits à l’endroit désiré et donc n’aurait pas acheter

ces produits.

MEDAILLE [A1.4.1 PARTICIPATION À UN PROJET] 12 février 2016

La situation concerne l’activité; A1.4.1 Participation à un projet. Nous avions la possibilité de l’accomplir entre le 25/01 et le 01/02. L’objectif est d’être capable d'évaluer le temps passé sur le projet suivant son rôle dans celui-ci et en rendre compte :

C1.4.1.1 Etablir son planning personnel en fonction des exigences et du déroulement

du projet

C1.4.1.2 Rendre compte de son activité

Tout d’abord, nous avons faits la répartition des tâches pour chaque membre du groupe. Le chef de

projet, Robin MOGUEROU devait faire l’activité M1 tandis que je m’occupais de la M2. La tâche de

maintenance M3 était faite par Diogo JORGE ALMEIDA puis par Thomas BOYER suite à un

changement dans les groupes.

Il était nécessaire de rédiger un planning en fonction des activités à faire. En ce qui concerne le

planning personnel, j’ai découpé ma tâche en cinq missions distinctes dont j’ai évalué les temps

prévisionnels :

La lecture du sujet : 20mn

Insertion des images : 15mn

Correction de l’erreur de direction entre les pages : 1h

Ajout des dimensions des produits : 1h30

Dynamisation des événements : 2h

Ainsi avec ces estimations je pouvais voir l’ampleur du travail que je devais fournir. Une fois

le travail fini, j’ai pu rédiger ce tableau pour représenter les temps réels de travail.

Représente le temps passé pour la distribution des ressources nécessaire au travail et pour

les explications des professeurs.

Représente le travail de mise en commun avec le groupe.

Lundi 25 Janvier Lundi 1er Février

13h30-14h30

14h30-15h30

15h30-16h30

16h30-17h30

13h30-14h30

14h30-15h30

15h30-16h30

16h30-17h30

Lecture 35mn

Insertion

Correction

Ajout des dimensions

Dynamisation des événements

MEDAILLE [A1.4.1 PARTICIPATION À UN PROJET] 12 février 2016

Au final, j’ai exploité les 8heures de ce PPE pour mener à bien le projet. Ce dernier a été

plutôt facile à réaliser ; en effet, la plupart du code du site était fourni bien que celui-ci

peut- être parfois compliqué à comprendre selon la façon de coder de chacun d’entre nous.

Heureusement, des commentaires étaient là pour nous guider.

Nous rendions compte de notre avancé à chaque séance au sein du groupe par le biais de

d’intervention du chef de projet. Nous informions les professeurs également via les fiches de

suivies, ainsi ils pouvaient suivre l’avancement de chacun.

MEDAILLE

[A1.1.1 ANALYSE DU CAHIER DES CHARGES D'UN SERVICE À

PRODUIRE] [Sélectionnez la date]

La situation concerne l’activité; A1.1.1 Analyse du cahier des charges d'un service à produire. Nous avions la possibilité de l’accomplir entre le 25/01 et le 01/02. L’objectif est de faire l'analyse du cahier des charges en comprenant l'environnement de travail et être capable de se questionner sur cette situation :

C1.1.1.1 Recenser et caractériser les contextes d'utilisation, les processus et les acteurs

sur lesquels le service à produire aura un impact

C1.1.1.2 Identifier les fonctionnalités attendues du service à produire

C1.1.1.3 Préparer sa participation à une réunion

C1.1.1.4 Rédiger un compte-rendu d'entretien, de réunion

Le site de la M2L a été crée pour que les visiteurs puissent d’informer sur la vie sportive de la

région Lorraine et qu’ils aient accès à quelques services.

L’ajout de fonctionnalités profitera donc aux visiteurs (présences d’images pour localiser

M2L, visualisation des dimensions, prix du panier..) mais aussi à la M2L donc le site

dynamique reposera sur une base de données.

Les différentes fonctionnalités du service produit lors de ce PPE offrent une version v2 du

site, qui est désormais fonctionnel. Ces améliorations ont été possible à travers différentes

missions confiées :

Ajout d’image permettant de localiser la M2L

Affichage du prix total du panier

Affichage des dimensions des produits

Correction d’erreurs au niveau de la redirection des pages

Rendre dynamique les événements

MEDAILLE

[A1.1.1 ANALYSE DU CAHIER DES CHARGES D'UN SERVICE À

PRODUIRE] [Sélectionnez la date]

Dans le cadre de ce PPE, les réunions se faisaient au sein du groupe. Dans ce cas là,

l’organisation d’une réunion pour discuter des choix faits pour chaque tâches ne serait pas

utile puisque le travail était guidé du début à la fin et il ne laissait pas la place à l’imagination.

En effet, le placement de chaque élément était prédéfinit. Il n’y aura donc aucun ordre du jour

à aborder pour ce PPE.

A l’image, une préparation de réunion que j’avais préparé pour le PPE « équipement »

MEDAILLE

[A4.1.7 DÉVELOPPEMENT, UTILISATION OU ADAPTATION DE COMPOSANTS LOGICIELS] [Sélectionnez la date]

La situation concerne l’activité; A4.1.7 Développement, utilisation ou adaptation de composants logiciels. Nous avions la possibilité de l’accomplir entre le 25/01 et le 01/02. L’objectif est de mettre en forme les résultats attendus via le langage PHP et savoir s'adapter à de possibles messages d'erreurs… De plus, une utilisation de composants pour stocker les données est attendue :

C4.1.7.1 Développer les éléments d'une solution

C4.1.7.2 Créer un composant logiciel

C4.1.7.3 Analyser et modifier le code d'un composant logiciel

C4.1.7.4 Utiliser des composants d'accès aux données

C4.1.7.5 Mettre en place des éléments de sécurité liés à l'utilisation d'un composant

logiciel

Pour ce PPE, nous avions différentes mission a réalisé qui nous permettaient de

développements la solution.

Tout d’abord il fallait ajouter les deux plans sur la page « contact » ;

Par la suite, dans le but d’afficher les dimensions de chaque produit sur le site, il nous a fallu modifier

notre base de données en entrant les dimensions. Le MCD devait donc être modifier avec une

nouvelle ligne dans M2L_PRODUITS.

On affiche ces

dimensions grâce à

cette ligne

MEDAILLE

[A4.1.7 DÉVELOPPEMENT, UTILISATION OU ADAPTATION DE COMPOSANTS LOGICIELS] [Sélectionnez la date]

La base de données appelée médaille_v1 a été créée à partir de PhpMyAdmin. Cette tâche était

rapide puisque nous avions juste à créer la base avec le fichier SQL pour la structure puis à importer

les fichiers CSV fournis dans les ressources du PPE.

Afin de pouvoir connecter le site internet à la base de données, il faut utiliser le fichier

connect_bdd.php

Il n’y a aucune sécurité pour la base de données. Néanmoins, il est possible de sécuriser certains

éléments du site. Il est possible de modifier la protection de la base de données. Il faut se rendre

dans « Utilisateurs », puis « Changer les privilèges ».

MEDAILLE

[A1.2.2 RÉDACTION DES SPÉCIFICATIONS TECHNIQUES DE LA SOLUTION RETENUE (ADAPTATION D'UNE SOLUTION EXISTANTE OU RÉALISATION D'UNE NOUVELLE)] [Sélectionnez la date]

La situation concerne l’activité; A1.2.2 Rédaction des spécifications techniques de la solution retenue (adaptation d'une solution existante ou réalisation d'une nouvelle). Nous avions la possibilité de l’accomplir entre le 25/01 et le 01/02. L’objectif est d’exprimer les choix faits quant aux solutions à apporter pour répondre aux besoins du client :

C1.2.2.1 Recenser les composants nécessaires à la réalisation de la solution retenue

C1.2.2.2 Décrire l'implantation des différents composants de la solution et les

échanges entre eux

C1.2.2.3 Rédiger les spécifications fonctionnelles et techniques de la solution retenue

dans le formalisme exigé par l'organisation

Toutes les missions étaient guidées quant aux choix à faire pour le composant.

Pour toutes ces missions, nous avons donc utilisés plusieurs composants :

WampServer : Pour les missions liées à la base de données avec PhpMyAdmin et pour

l’utilisation du site en local.

OpenModelSphere : Pour la conception du model conceptuel de données.

NotePad ++ pour la rédaction du code.

Pour exécuter une requête SQL pour afficher les données stockées dans la base, il faut faire le lien

entre la base et le code. Ainsi, la connexion à la base est faite grâce au « include ». Le DESC dans la

requête important car il permet d’afficher les événements les plus récents en haut de la liste.