Épreuve ponctuelle contrôle en cours de formation x...
TRANSCRIPT
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.