BTS-SIO – E6 SLAM 2016 - Contexte La Conduite Evolutive
  
LA CONDUITE EVOLUTIVE

Sommaire
Cahier des Charges 4
Organisation du projet d’amélioration du site 6
Spécifications fonctionnelles 9
Tests 14
Déploiement 18
Cahier des Charges Présentation de la conduite évolutive
La conduite évolutive est une entreprise spécialisée dans la gestion du risque routier, de la peur de conduire et de l'amaxophobie.
Crée 2005, propose un accompagnement individualisé, pour la gestion de la peur, une méthode de progression, une reprise à la conduite tout en douceur, une maîtrise du circuit routier en toute confiance.
Objectif du projet d’amélioration du site
L’objectif du projet dans un premier temps est de faire une amélioration du site de l’entreprise permettant de pouvoir faciliter le contact entre l’entreprise et les clients. Le site disposera d’une interface d’administration pour gérer le livre d’or qui est l’objectif principal.
Analyse de l’existant
La gestion des avis des clients est actuellement réalisée manuellement par courrier.
Il n’y a pas de support à disposition sur le site pour poster des commentaires ou avis.
Analyse des besoins
Les besoins d’évolution du système de gestion des stages des étudiants en BTS-SIO à l’ENC sont les suivants :
Créer un livre d’or pour faciliter le contact entre l’entreprise et les clients.
Sécuriser le formulaire de contact.
Créer une interface d’administration.
Revoir le référencement.
Le site devra être accessible depuis tout navigateur Internet et être responsive, c’est-à-dire adaptée à tout type d’écran : PC/Mac, tablette ou téléphone (smartphone).
Organisation du projet d’amélioration du site Des groupes de travail ont été constitués pour faciliter le partage de connaissance et la collaboration entre les stagiaires mis en situation professionnelle lors de leurs périodes de travail en entreprise.
Le tableau suivant résume la répartition du travail entre les techniciens réseaux et les développeurs :
Gr1:
Réseaux
| Mohand ABDELOUHAB
| Piriyavadan
KENGATHARAN
| Pierre-Yves
MARTINS
|
| Gr2:
Développeurs
| Hicham
SADIA
| Irtaza Ali
CHANGAIZ
|
|
|
Le calendrier suivant a été mise en place sur la période de stage de 7 semaines :
| Etape
| Travaux
| N°
| Lu
| Sa
| 1
| 12-oct
| 17-oct
| Analyser demande, Choisir solution
| Cahier des charges, inventaire du matériel, architecture du réseau informatique
|
| 2
| 19-oct
| 24-oct
| Concevoir, Codage
| Codage (PHP/HTML/CSS/JS...)
| 3
| 26-oct
| 31-oct
| Codage
| Spécifications technique et fonctionnelle de la solution (CU détaillés, MD…)
| 4
| 02-nov
| 07-nov
| 5
| 09-nov
| 14-nov
| Codage, Tester, Valider
| Tests unitaires et d'intégration
| 6
| 16-nov
| 21-nov
| 7
| 23-nov
| 27-nov
| Documenter, Valider
| Documentation technique de la solution, Validation avec données utilisateurs
|
Spécifications fonctionnelles Le système se décompose en deux sous-systèmes :
Le back-end, site d’administration du livre d’or.
Le front-end, portail constitué d’un site public.
Les présentes spécifications fonctionnelles définissent les acteurs, les cas d’utilisation, les diagrammes de séquence associés en notation UML, les interfaces utilisateurs de ces deux systèmes et le modèle des données commun aux deux systèmes.
Acteurs et cas d’utilisation
Au sens UML, les acteurs concernés sont les suivants :
Back-end : Administrateur.
Front-end : Client.
Le diagramme des cas d’utilisation du back-end est le suivant :
Le diagramme des cas d’utilisation du front-end est le suivant :
Environnements de développement, tests et production
L’environnement de développement et de test qui a été mis en place est le suivant :
Installation sur chaque PC de :
XAMPP 1.8.3 (PHP 5.5.6, MySQL 5.6.14, Apache 2.4.7, phpMyAdmin 4.0.9)
NotePad++, SublimeText et PhpStorm
FileZilla
Installation sur le Serveur du labo SLAM :
Services Apache2 et MySQL
Logiciel phpMyAdmin
L’environnement de production choisi par l’organisation a été une plateforme mutualisée de l’hébergeur OVH.com.
Architecture du back-end et front-end
L’arborescence des dossiers du backend et du font-end du site de La Conduite Evolutive est la suivante :

Architecture matérielle
L’infrastructure réseau de l’organisation est la suivante :
Tests Tests du front-end
Le cahier de tests comprend pour chaque cas d’utilisation identifié lors des spécifications une fiche de test selon modèle suivant :
Fiche de test
| Site
| http://conduite-evolutive.com/
| Date du test
|
| Cas de test
| Ajout d’un commentaire
(Client)
| Organisation
| La Conduite Evolutive
| Procédure de test
| Etape
| Opération
| Résultats attendus
| OK
| NOK
| Commentaire
| 1
| Accéder au site web de la Conduite Evolutive
| Affichage du site.
| X
|
|
| 1
| Cliquer sur l’onglet Avis.
| Affichage du formulaire d’avis.
| X
|
|
| 1
| Saisir les informations correspondant aux champs.
| Les informations sont affichées.
| X
|
|
| 1
| Cocher la case pour le captcha.
| Vérification si vous n’êtes pas un robot.
| X
|
|
| 1
| Cliquer sur le bouton envoyer.
| Envoi du message ou erreur si les champs ne sont pas complets.
| X
|
|
| 1
| Modifier le/les champ(s) comportant une erreur avec les instructions apparut sous le/les champ(s).
| Affichage des informations.
| X
|
|
| 1
| Cliquer sur le bouton envoyer
| Envoi du message
| X
|
|
| 1
| Cliquer sur l’onglet Livre d’or.
| Affichage de l’avis poster.
| X
|
|
| 1
|
|
|
|
|
|
| Bilan du test
| Excellent
| X
| Passable
|
| Refusé
|
|
Tests du back-end
Fiche de test
| Site
| http://conduite-evolutive.com/
| Date du test
|
| Cas de test
| Modification d’un commentaire
(Administrateur)
| Organisation
| La Conduite Evolutive
| Procédure de test
| Etape
| Opération
| Résultats attendus
| OK
| NOK
| Commentaire
| 1
| Accéder à l’interface d’administration du livre d’or de la Conduite Evolutive
| Affichage de l’interface d’administration.
| X
|
|
| 1
| Saisir l’id et mot de passe
| Accès à l’interface d’administration.
| X
|
|
| 1
| Cliquer sur le bouton ‘’modifier’’ du commentaire à modifier
| Affichage d’une zone de texte avec le commentaire à modifier.
| X
|
|
| 1
| Modifier le commentaire
| Affichage du commentaire modifié.
| X
|
|
| 1
| Cliquer sur le bouton valider.
| Modification effectuée.
| X
|
|
|
| Bilan du test
| Excellent
| X
| Passable
|
| Refusé
|
| Fiche de test
| Site
| http://conduite-evolutive.com/
| Date du test
|
| Cas de test
| Suppression d’un commentaire
(Administrateur)
| Organisation
| La Conduite Evolutive
| Procédure de test
| Etape
| Opération
| Résultats attendus
| OK
| NOK
| Commentaire
| 1
| Accéder à l’interface d’administration du livre d’or de la Conduite Evolutive
| Affichage de l’interface d’administration.
| X
|
|
| 1
| Saisir l’id et mot de passe
| Accès à l’interface d’administration.
| X
|
|
| 1
| Cliquer sur le bouton ‘’Supprimer’’ du commentaire à supprimer
| Suppression du commentaire
| X
|
|
|
| Bilan du test
| Excellent
| X
| Passable
|
| Refusé
|
|
Déploiement Le déploiement du site s’est fait sur une plateforme hébergée chez OVH de la façon suivante :
Préparation de la plateforme d’hébergement :
Création de la base de données sous MySQL.
Téléchargement des fichiers :
Téléchargement de l’arborescence des fichiers par FTP dans le répertoire laconduiteevolutive du serveur OVH.
Installation de la base de données :
Import de la base de données avec phpMyAdmin (serveur OVH).
Tests effectués en local :
Test du site public à l’url :
http://conduite-evolutive.com/
Test du site pour l’administrateur à l’url :
http://conduite-evolutive.com/administrator |