Compte Rendu : Environnement WEB HNT Compte Rendu Environnement 3 Compte Rendu WEB HNT BTS-SIO Les fonctionnalit£©s

  • View
    3

  • Download
    0

Embed Size (px)

Text of Compte Rendu : Environnement WEB HNT Compte Rendu Environnement 3 Compte Rendu WEB HNT BTS-SIO Les...

  • BTS-SIO

    HOULLIER Fabrice (chef de projet)

    FONTAINE Ludovic

    HOARAU Anthony

    Compte Rendu : Environnement WEB HNT

  • 1 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

    Sommaire :

    Contexte Général ………………………………………………………………page 2

    Partie technique

    Les Fonctionnalités attendues ……………………………………………page 3

    La Reprise sur Incident ……………………………………………………….page 10

    Partie gestion de projet

    La gestion du projet …………………………………………………………..page 13

    Bilan ………………………………………………………………………………….page 14

  • 2 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

    Contexte Général :

    Humanist Network souhaite désormais faire évoluer son site Web vers une solution

    entièrement dynamique pour ainsi faciliter la mise à jour de certaines informations tel que la

    liste des news ou encore la page d’accueil.

    La nouvelle version du site Web devra être hébergée sur l’un des serveurs de la société dont

    la configuration avait été mise en place lors du projet précédent.

    La solution devait être développée avec PHP et MySQL (avec accès PDO aux données)

  • 3 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

    Les fonctionnalités attendues :

    Contexte :

    Pour un chaque page générée dynamiquement, un formulaire de mise à jour devait être

    créé.

    Ce formulaire étant réservé à l’administrateur du site et ne peux être accessible qu’après

    authentification.

    Les pages que l’on devait rendre dynamique sont :

    - Les news de la page d’accueil

    - La liste des membres (cf. PPE3)

    - L’historique (présidents et effectifs)

    - Liens utiles

    Déroulement de la mission :

    Tout d’abord nous avons commencé par rendre les « en-tête », les menus et les « pieds de

    pages » totalement dynamique.

     Voici les lignes de codes que nous avons utilisés pour cela

  • 4 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

    Ensuite, afin d’alimenter les pages : news, liens utiles, historiques et la liste des membres ;

    nous avons mis en place une connexion à la base de données qui récupère toutes les

    informations nécessaire. Nous avons alors mis en place deux solutions qui sont les suivantes.

     Dans la

    première les

    données

    étaient

    récupérées

    et manipulé

    directement

    sur la page

     Dans la

    deuxième,

    une fonction

    permet de

    récupérer les

    données

    dans la base

    de données

    pour ensuite

    les manipuler

    grâce à la

    collection

  • 5 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

     (Suite des lignes de code de la deuxième solution.)

    Au final, celle que nous avons retenu la deuxième solution car la première avait déjà été

    utilisé lors du projet précédent. Nous ne voulions pas reprendre la même. Au contraire

    avons fait des recherche pour ainsi innover et tirer profit des autres avantages que procure

    la deuxième solution tel que le fait de pouvoir manipuler les objets directement depuis la

    collection.

    Voici les lignes de codes qui

    nous ont été nécessaires

    pour établir une connexion

    à la base de données.

  • 6 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

     Connexion de l’administrateur :

    Puis nous avons mis en place un bouton dans le menu principale afin que l’administrateur

    puisse se entrer ses identifiants et se loguer sans difficultés sur le site.

    La ligne de code nécessaire à cette tâche est la suivante :

    Se connecter

     Pour pouvoir

    procéder à des

    changements sur

    le site

    l’administrateur

    devra entrer son

    login ainsi que

    son mot de

    passe. Il devra

    renseigner ces

    informations

    dans la page que

    nous avons ci-

    après.

  • 7 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

     Voici les lignes de codes auxquelles nous avons eu recours pour remplir cette tâche

    Après s’être connecté, l’administrateur devra confirmer sa connexion au site en cliquant sur

    le bout « Aller sur version administrateur ».

    Il est à présent sur la version « administrateur » du site d’où il pourra faire les modifications

    qu’il souhaitera.

    Identifiez vous !



    Login :


    Mot de passe :

  • 8 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

    En effet, l’administrateur, aura ainsi la possibilité de modifier, d’ajouter des membres voir

    même en supprimer.

    Comme nous pouvons le constater ci-dessus l’administrateur disposera de boutons

    supplémentaire et spécifique.

     Ici nous

    pouvons

    constater sur

    cette photo,

    qu’un bouton a

    été mis à

    disposition si

    l’administrateur

    veut ajouter un

    news :

  • 9 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

     L’administrateur n’aura qu’à indiquer le chemin de destination de sa « news » ensuite ,

    l’ajout se fera en cliquant sur le bouton enregistrer. L’administrateur aura aussi à mettre

    le titre de la « news » et la date à laquelle il poste la photo :

    Ici nous avons le code utilisé pour la création des textbox pour la saisie de la nouvelle new :

    Tire:

    Date :

    Image :


    Et ici nous avons celui utilisé pour l’enregistrement dans la base de données de la nouvelle

    news :

  • 10 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

    La Reprise sur incident :

    Contexte :

    En cas de problème avec le serveur Web, HNT désirait que l’on mette en place une procédure

    simplifiée de reprise sur incident

    HNT désirait que les opérations de sauvegarde et de restauration sur le site web et la base de

    données, soient réalisables via un menu interactif. On pouvait lancer ce script depuis une

    console distante comme PuTTY par exemple.

    Déroulement de la mission : Tout d’abord il a fallu que ne récupérions le serveur que nous avions mis en place lors de la mission précédente. Nous avons ensuite hébergé notre nouveau site avant d’exporter notre base de données sur phpMyAdmin. Puis nous avons commencé à mettre en place la reprise sur incident. Nous avons commencé par créer le script pour la sauvegarde manuelle que nous pouvons voir ci-dessous.

     Nous l’avons mis en place à l’aide des différents tutoriels présent sur l’ENT. Et nous les

    avons adaptés à notre cas et au dossier de notre site

  • 11 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

    Ensuite nous avons testé notre script.

    Nous avons commencé par le tester dans le terminal de la machine virtuel. Le résultat obtenu était satisfaisant. La sauvegarde était opérationnelle ainsi que la restauration, du site et de la base de données qui précisons-le, nous a donné un peu de mal. En effet, nous ne disposions pas des droits nécessaires pour ces actions.

    Cependant nous avons pu régler cela grâce à un chmod, pour être plus précis nous avons utilisé : chmod –R 777 /opt/lampp

    Ensuite nous avons testé notre script depuis une console distante. Pour cela nous avons eu recours à PuTTY. Il fallait tout d’abord se

    loguer, puis il a fallu

    lancer un « chmod

    u+v » afin de disposer

    des droit nécessaire

    pour lancer notre script

    à distance.

  • 12 Compte Rendu

    Compte Rendu Environnement WEB HNT BTS-SIO

    Puis nous avons mis en place le script de la sauvegarde automatique. Pour cela nous nous

    somme servis d’éléments présents dans notre premier script de sauvegarde manuel puis nous

    avons adapté le reste.

    Le script étant terminé, il fallait encore le rendre automatique, c’est-à-dire faire en sorte que

    celle-ci soit journalière. Pour cela il a fallu faire un « crontab –e » dans le terminal

    administrateur de notre machine virtuelle.

    Nous arrivions

    sur cette page

    ou nous pouvons

    définir l’heure ou

    le script de

    sauvegarde

    automatique

    devra se lancer.

    Ici nous pouvons

    voir que le nôtre

    se lancera tous

    les jours à

    14h45.