Table des matières

Stage de 1ère année

Période de stage : du lundi 27 mai au vendredi 28 juin 2013
Projet commun avec Anthony Gautreau

Etablissement d'accueil : ECS (Editions, Conseils et Services)

Accès projet : EasyEnergie, version Web

Contexte de développement

Le but est de rendre une adaptation Web d’une application WinDev existante « EasyEnergie ».
Cette application calcul la consommation énergétique d’un bâtiment, en fonction de plusieurs facteurs tel que la zone géographique, l’isolement, les matériaux utilisés et la consommation électrique.

L’application existante est constituée de calcul complexe et est beaucoup plus complète que la version « light » que nous devons développer et mettre en place. Celle-ci a pour but de faire une évaluation énergétique gratuite, simple, libre d’accès mais moins précise que l’application WinDev.

Cependant elle permettrait à l’utilisateur de s’informer sur les éventuels travaux à entreprendre afin de réduire au maximum ses pertes d’énergies, de connaitre quelles entreprises aux alentours de son lieu d’habitat sont habilités à entreprendre les travaux nécessaire.

Projet global

Créer une application web reprenant une application existante développée sous WinDev.
L’application sera développée en langage Web soit : HTML, CSS, PHP, JavaScript, AJAX.
Elle devra être dynamiquement reliée à une base de données.

Ce site Web a pour fonction principale la réalisation d’un formulaire calculant les pertes énergétiques d’un logement pour afficher un récapitulatif visuel et imagé des déperditions par zone (mur, toit, ventilation …).
Et par la suite d’afficher les entreprises du département permettant l’amélioration de votre habitat.

Un espace professionnel permettra à une entreprise de modifier sa page de présentation et ainsi d’être référencer en tant qu’entreprise susceptible de réaliser les travaux énergétiques nécessaires.
Un espace partenaire permettra à une organisation de modifier sa page de présentation et ainsi d’être référencer sur le site en tant que partenaire du projet « EasyEnergie ».

Un espace administrateur permet de visualiser l’ensemble des enregistrements compris dans la base de données, de les modifiés, de les supprimés et d’en ajouter de nouveaux. Cela permet donc une administration claire, précise et simple sans avoir besoin de passer par la base de données située sur l’hébergement Web ni par les fichiers sources.

Outils utilisés :
- Notepad ++
- PowerAMC
- WAMP
- PhpMyAdmin (local et en hébergement 1&1)
- FileZilla (Gestionnaire FTP)
- Navigateurs Internet (Chrome, IE, Firefox)

Langages de développements utilisés :
- HTML (Mise en forme)
- CSS (Graphisme)
- PHP (Communication avec le serveur)
- JavaScript, JQuery (Fluidité « statique »)
- AJAX (Fluidité dynamique, interaction avec PHP)

Réalisations

Semaine 1: du lundi 27 mai au vendredi 31 mai 2013

  1. Entretien avec le tuteur, concepteur de l’application « modèle » sous WinDev.
  2. Analyse du projet, contrainte, objectif, et amélioration.
  3. Reprise d’une base de données existante pour créer le MCD et effectuer les modifications/améliorations. (PowerAMC)
  4. Entretien avec le tuteur pour le suivi du projet.
  5. Génération de la BDD à partir du MCD. (PowerAMC)
  6. Intégration de la BDD en local. (Wamp, PhpMyAdmin)
  7. Développement des pages statiques. (HTML, CSS)
  8. Intégration du projet vers un hébergement Web personnel (1&1) pour vérifier la bonne intégration de celui-ci. (FileZilla)

Semaine 2: du lundi 3 juin au vendredi 7 juin 2013

  1. Finition des pages statiques. (HTML, CSS)
  2. Création des formulaires d’évaluation (cœur du projet). (HTML, CSS)
  3. Entretien avec le tuteur pour récupérer la formule de calcul (confidentiel) permettant la mise en place de l’évaluation.
  4. Intégration de l’aspect dynamique sur les pages statiques. (PHP)
  5. Vérification avec le tuteur de la véracité de l’évaluation suite à la mise en place des calculs.
  6. Jeux d’essais sur les formulaires de l’évaluation. (Chrome, IE, Firefox)
  7. Gestion des erreurs et différents cas possibles d’utilisations. (JS)
  8. Intégration d’un tableau dynamique (liste des entreprises) et fluide. (PHP, AJAX)
  9. Intégration de quelques textes situés sur les pages statiques dans la BDD pour permettre une modification simple par un administrateur. (PHP)
  10. Création des boites de login. (JS, JQuery, PHP)

Semaine 3: du lundi 10 juin au vendredi 14 juin 2013

  1. Entretien avec le tuteur à propos des espaces privés du site, soit administration, professionnel et partenaire.
  2. Création de l'espace d'administration et des requêtes permettant la lecture, la modification, l'ajout et la suppression des enregistrements de la BDD.(AJAX, PHP, JQuery)
  3. Création de l'espace professionnel permettant la modification de la page entreprise.(AJAX, PHP, JQuery)
  4. Création de l'espace partenaire permettant la modifications de la page partenaire. (AJAX, PHP, JQuery)
  5. Entretien avec le tuteur pour le suivi du projet.

Semaine 4: du lundi 17 juin au vendredi 21 juin 2013

  1. Création d'un module d'upload de logo pour les entreprises & partenaires. (PHP)
  2. Gestion des navigateurs, blocage(redirection vers index) d'IE8 et bridage d'IE9 (Message d'erreur, demande de mise à jour pour les fonctions AJAX). (JS)
  3. Création d'un module “Mot de passe oublié” avec génération de mot de passe.(PHP)
  4. Création d'envoi d'email automatique lors de l'oubli d'un mot de passe.(PHP)
  5. Ajout de plusieurs vérifications et gestion d'erreurs dans l'administration.

Semaine 5: du lundi 24 juin au vendredi 28 juin 2013

  1. Jeu d'essai supplémentaires, analyse des erreurs.
  2. Rédaction d'une documentation technique pour faciliter le changement d'hébergement, la connexion à une nouvelle base de donnée.
  3. Sauvegarde du projet sur différents supports numériques (CD, Disque Dur, Clé USB, Serveur Web).
  4. Entretien avec le tuteur pour la finalité du projet.

Pointage des compétences

<fc #008000>Réalisation : Analyse de la demande</fc>ObservéMis en œuvreMaîtrisé
A1.1.1 Analyse du cahier des charges d'un service à produireC1.1.1.1 Recenser et caractériser les contextes d'utilisation, les processus et les acteurs sur lesquels le service à produire aura un impact  1.2
C1.1.1.2 Identifier les fonctionnalités attendues du service à produire  1.1 1.2
A1.1.3 Etude des exigences liées à la qualité attendue d'un serviceC1.1.3.1 Recenser et caractériser les exigences liées à la qualité attendue du service à produire X
<fc #008000>Réalisation : Choix d'une solution</fc>ObservéMis en œuvreMaîtrisé
A1.2.4 Détermination des tests nécessaires à la validation d’un service C1.2.4.1 Recenser les tests d’acceptation nécessaires à la validation du service et les résultats attendus   X
C1.2.4.2 Préparer les jeux d’essai et les procédures pour la réalisation des tests  2.6 2.7 4.5
A1.2.5 Définition des niveaux d’habilitation associés à un service C1.2.5.1 Recenser les utilisateurs du service, leurs rôles et leur niveau de responsabilité   1.X
<fc #008000>Réalisation : - Mise en production d’un service</fc>ObservéMis en œuvreMaîtrisé
A1.3.1 Test d’intégration et d’acceptation d’un service C1.3.1.1 Mettre en place l’environnement de test du service   1.8
C1.3.1.2 Tester le service   X
<fc #008000>Réalisation : - Travail en mode projet </fc>ObservéMis en œuvreMaîtrisé
A1.4.1 Participation à un projet C1.4.1.1 Établir son planning personnel en fonction des exigences et du déroulement du projet   X
C1.4.1.2 Rendre compte de son activité   1.4 2.3 3.5
A1.4.2 Évaluation des indicateurs de suivi d’un projet et justification des écarts C1.4.2.1 Suivre l’exécution du projet   X
C1.4.2.2 Analyser les écarts entre temps prévu et temps consommé   X
<fc #008000>Réalisation : - Conception et réalisation d’une solution applicative </fc>ObservéMis en œuvreMaîtrisé
A4.1.1 Proposition d’une solution applicative C4.1.1.1 Identifier les composants logiciels nécessaires à la conception de la solution   1.2
A4.1.2 Conception ou adaptation de l’interface utilisateur d’une solution applicative C4.1.2.1 Définir les spécifications de l’interface utilisateur de la solution applicative   1.x
A4.1.3 Conception ou adaptation d’une base de données C4.1.3.1 Modéliser le schéma de données nécessaire à la mise en place de la solution applicative   1.3
C4.1.3.2 Implémenter le schéma de données dans un SGBD   1.5
C4.1.3.3 Programmer des éléments de la solution applicative dans le langage d’un SGBD   1.x
C4.1.3.4 Manipuler les données liées à la solution applicative à travers un langage de requête   X
<fc #008000>Réalisation : - Maintenance d’une solution applicative </fc>ObservéMis en œuvreMaîtrisé
A4.2.1 Analyse et correction d’un dysfonctionnement, d’un problème de qualité de service ou de sécurité C4.2.1.1 Élaborer un jeu d’essai permettant de reproduire le dysfonctionnement   2.6 4.2 4.5 5.1
C4.2.1.2 Repérer les composants à l’origine du dysfonctionnement  2.6 4.2 4.5 5.1
C4.2.1.3 Concevoir les mises à jour à effectuer   2.6 4.2 4.5 5.1
C4.2.1.4 Réaliser les mises à jour   2.7 4.2 4.5 5.2
<fc #008000>Réalisation : - Gestion des compétences </fc>ObservéMis en œuvreMaîtrisé
A5.2.4 Étude d‘une technologie, d’un composant, d’un outil ou d’une méthode C5.2.4.1 Se documenter à propos d‘une technologie, d’un composant, d’un outil ou d’une méthode   X
C5.2.4.2 Identifier le potentiel et les limites d'une technologie, d’un composant, d’un outil ou d’une méthode par rapport à un service à produire   1.4 2.3 3.5