PENAUD MATHIEU S2SIO - mathieu-penaud.fr
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
PENAUD MATHIEU S2SIO penaud_mathieu_semaine_5.docx 2018-2019 1 - 35
PENAUD MATHIEU S2SIO Plan du site : penaud_mathieu_semaine_5.docx 2018-2019 2 - 35
PENAUD MATHIEU S2SIO
Jour n°1:
● Objectif(s) à atteindre :
• Changer le favicon & logo :
En raison du nouveau design du site, j’ai renouvelé le logo ainsi que le favicon.
Pour cela je suis allé sur le logiciel GIMP afin d’y créer le logo suivant :
(image ci-dessous)
Légende : Nouveau logo Helpmy.fr
Ensuite, je me suis rendu sur le site https://www.favicon-generator.org/ pour y générer le
favicon. Je l’ai ensuite mit à la racine de mon serveur FTP. J’ai supprimé le cache internet afin
de voir le résultat de suite.
(image ci-dessous)
Légende : Nouveau Favicon Helpmy.fr
• Vérifier conformité W3C :
Afin de repartir sur du code conforme aux normes, j’ai vérifié que les codes sources,
rédigés lors du stage précédent, été bien conformes aux réglementations W3C, le résultat
fut positif.
(image ci-dessous)
Légende : Conformité W3C
penaud_mathieu_semaine_5.docx 2018-2019 3 - 35
PENAUD MATHIEU S2SIO
• Vérifier SSL redirection :
Afin de m’assurer que le site est bien sécurisé, j’ai vérifié que la redirection SSL
s’effectuait bien depuis le navigateur de recherche, ainsi que par une saisie URL.
(image ci-dessous)
Légende : Recherche dans un navigateur de recherche
Dans les deux cas, le petit cadenas de vérification apparaît ce qui signifie que la
redirection et donc la protection s’effectue correctement.
(image ci-dessous)
Légende : Cadenas de protection SSL
• Vérification Bootstrap :
Comme Helpmy sera utilisé sur toute les plateformes, je dois utiliser le système de
responsivité de Bootstrap afin d’adapter l’affichage de la plateforme en fonction de la taille
de l’écran utilisé.
(images ci-dessous)
Légende : Helpmy via un écran large Helpmy sur mobile
penaud_mathieu_semaine_5.docx 2018-2019 4 - 35
PENAUD MATHIEU S2SIO
• Construction MCD
Afin de mettre en place la base de données, j’ai mis en place le MCD qui recense toutes
les données qui seront collectées et les liens qui les unissent. Ce schéma fut réalisé sur le
logiciel DIA. Il me permet d’avoir une idée de la future structure de la base de données.
(image ci-dessous)
Légende : MCD
Construction MLD :
Afin de pouvoir ensuite procéder à l’élaboration du code SQL , j’ai transformé le schéma
précédant en MLD. Je devais cependant garder les liens entre les tables et mettre en
place le système de clé primaires et étrangères.
(image ci-dessous)
Légende : MLD
penaud_mathieu_semaine_5.docx 2018-2019 5 - 35
PENAUD MATHIEU S2SIO
JOUR N°2 :
● Objectif(s) à atteindre :
• Construction de la base de données :
J’ai créé un script SQL que j’ai ensuite importer dans le SGBD PHPMyAdmin grâce à la
fonction IMPORT. Une fois le script transmis au SGBD, je disposerai d’un interface graphique
me permettant de gérer mes tables de données graphiquement.
(image ci-dessous)
Légende : Interface de PhpMyAdmin
• Anti-forcage
Afin de limiter les risques de failles, j’ai mis en place un systèmes de récupération de
sessions qui renvoie l’utilisateur à la page de connexion s’il essaye d’accéder directement
sans avoir saisie le formulaire préalablement.
penaud_mathieu_semaine_5.docx 2018-2019 6 - 35
PENAUD MATHIEU S2SIO
JOUR N°3 :
● Objectif(s) à atteindre :
• Chiffrage BD avec PDO :
Afin de répondre aux normes concernant le RGPD, j’ai chiffré les mot de passe de la base
de données avec un système de sel et d’empreinte. De ce fait, les mots de passe sont
sécurisé et « impossible à déchiffrer ».
(image ci-dessous)
Légende : chiffrement des mots de passe
Problème rencontré :
Pour utiliser phpmyadmin, il était marqué sur le site de l’hébergeur que l’usage de
Mysqli était préférable. Un langage que je ne connaissais pas du tout.
Solutions trouvées :
J’ai donc contacté l’assistance du site qui m’a affirmé que PDO était aussi utilisable
que Mysqli pour exécuter cette action, j’ai donc favorisé cette option.
• Gestion des sessions :
Afin de ne pas demander à l’utilisateur de ressaisir son identifiant à chaque nouvel page
générée, j’ai mis en place un système de gestion de session, l’utilisateur devra alors se
déconnecter et/ou fermer sa fenêtre internet pour clore sa session et saisir le formulaire
pour se connecter, bien sûr, le mot de passe calculé doit correspondre avec l’empreinte
dans la base de données.
penaud_mathieu_semaine_5.docx 2018-2019 7 - 35
PENAUD MATHIEU S2SIO
• Finalisations des mentions légales
Afin de correspondre aux lois concernant les sites internet , je me suis rendu sur un site
du gouvernement français afin de connaître les obligations concernant les mentions
légales d’un site. J’ai alors créé une page web recensant toute ces informations.
(image ci-dessous)
Légende : mentions légales du site
Problèmes rencontré :
Je ne trouvais pas l’adresse de l’hébergeur web qui est un champs obligatoire
Solution trouvé :
J’ai donc du rappelé l’assistance afin de leur demander cette information
penaud_mathieu_semaine_5.docx 2018-2019 8 - 35
PENAUD MATHIEU S2SIO
JOUR N°4 :
● Objectif(s) à atteindre :
• Construction de l’interface administrateur et personnel :
Je peux désormais créer l’interface concernant l’administrateur et les personnel afin de savoir
si le code était bien correct. Il fallait que je fasse attention au différents droit que j’attribuais au
statut pour être sûr qu’une personne du personnel ne puisse pas réaliser des tâches qui ne le
sont guère autorisées.
De se fait, je défini le statut sur une échelle de 1 à 4 :
1- élève , 2 – personnel , 4 – Administrateur ;
De plus, il fallait que je change les onglets selon le statut, en effet, l’administrateur peut gérer
tout les comptes, les ticket tandis qu’une personne du personnel ne pourra gérer que ses
propres tickets.
(images ci-dessous)
Légende :Onglets administrateur
Légende :Onglets Personnel
• Création du tableau des comptes :
Comme l’informaticien doit pouvoir répondre aux problèmes liés aux identifiants et puisse
gérer les comptes utilisateurs (personnel/élève), j’ai créé un tableau reprenant toutes les
informations principales et fonctions (ajout – suppression – sélection - ...)du SGBD. Afin
qu’il n’est pas besoin de se connecter à PHPMYADMIN lorsqu’il souhaite intervenir avec
des données.
(image ci-dessous)
Légende : Tableau des comptes
penaud_mathieu_semaine_5.docx 2018-2019 9 - 35
PENAUD MATHIEU S2SIO
JOUR N°5 :
● Objectif(s) à atteindre :
• AJAX tableau Compte :
Afin de faciliter les recherches de l’informaticien, j’ai mis en place un systèmes de recherches
par AJAX. Il n’aura qu’à saisir une série de caractères, et le code recherchera
automatiquement dans la base de données correspondantes. Il n ‘est pas encore fonctionnel
(image ci-dessous)
Légende : recherche par AJAX
• Mise en place du tableau de l’inventaire :
Afin de mettre en place rapidement les informations concernant l’inventaire, j’ai repris la
même base que le tableau précédant en sélectionnant cette fois-ci les informations
concernant l’inventaire informatique. Je n’ai cependant pas encore eu le temps requis
pour le terminer
(image ci-dessous)
Légende : tableau inventaire informatique
• Bootstrap modal fonction tableau inventaire
Afin de fluidifier les actions de l’informaticien de afin la base de données, et de surtout
limiter la perte de temps inutile, j’ai décidé de mettre ne place des fenêtre modal lui
permettant d’interagir avec le SGBD sur une seul et unique page peut importe la fonction
demandée. J’ai réaliser ces fenêtres grâce à Bootstrap Les fenêtre marche bien mais le
rapport à la base de données n’a pas encore était effectué
(image ci-dessous)
Légende : fenêtre Modal Bootstrap
penaud_mathieu_semaine_5.docx 2018-2019 10 - 35PENAUD MATHIEU S2SIO
SEMAINE N°2:
JOUR N°1 :
● Objectif(s) à atteindre :
• Vérification des liens:
Afin de ne pas déranger l’utilisateur pendant le temps de sa navigation, j’ai vérifié que toutes
les pages pouvaient être affichées peu importe l’endroit où se situe dans le site.
Voici un exemple prenons la page d’accueil d’un utilisateur du personnel :
Légende : Possibilité d’accès selon la position de l’utilisateur Personnel
penaud_mathieu_semaine_5.docx 2018-2019 11 - 35PENAUD MATHIEU S2SIO
• Ajout boutons d’options tableaux et recherches AJAX :
Afin de faciliter l’exécution de tâche par l’informaticien, j’ai mis en place des boutons
ouvrants des fenêtres modales. J’ai donc d’une part effectué des recherches pour mieux
connaître comment utiliser les modales avec le langage Bootstrap et, j’ai ensuite réalisé
les modales selon l’option concerné.
(image ci-dessous)
Légende : modales ajout de compte utilisateurs.
J’ai donc créé une option d’ajout, de modification, de suppression et d’importation de
données. Les variables transmises seront alors mises en relation avec la base de
données qui exécutera la tâche demandée.
Attention, j’ai du chiffrer les données transmises afin qu’elle soient en concordance avec
les données déjà présente dans la base de données. Le bouton d’importation est quand à
lui juste présent par son desgin; il n’est pas encore fonctionnel.
De plus, j’ai mis en place un système AJAX afin de permettre à l’informaticien de retrouver
une données précise grâce à des filtres par exemple un nom de personne, un
identifiant ,etc …
(images ci-dessous)
Légende : tableau sans recherche particulière
penaud_mathieu_semaine_5.docx 2018-2019 12 - 35PENAUD MATHIEU S2SIO
Légende : tableau suite à une recherche par nom
J’ai reproduit ces mêmes étapes pour le tableau concernant l’inventaire à l’adaptant à ses
besoin, suppression du bouton d’importation et modification des variables de recherches et
données des modales.
(image ci-dessous)
Légende : Tableau inventaire + AJAX
Attention, le tableau est fonctionnel, cependant, le design n’est pas encore fini
penaud_mathieu_semaine_5.docx 2018-2019 13 - 35PENAUD MATHIEU S2SIO
JOUR N°2 :
● Objectif(s) à atteindre :
• Apprentissage de Bootstrap FileStyle :
Afin de faire en sorte que le système de téléversement mis en place la veille soit bien
fonctionnel, j’ai du apprendre à utiliser FileStyle du langage Bootstrap. Je ne connaissais
pas du tout cette pratique et de nombreux tutoriels m’ont appris comment utiliser ce
dernier. J’ai alors obtenu un système de téléversement de fichier fonctionnel respectant
un type de fichier donné, une taille maximale, etc.
(image ci-dessous)
Légende : modales d’importations de fichier pour ajout utilisateurs
Attention
Problème rencontré :
Les données importées doivent être dans un format unique (txt ou cvs) ne doivent pas
dépasser une certaines taille de fichier et doivent avoir une certaine syntaxe. (séparation
par des points-virgules).
Solution(s) trouvé(s) :
J’ai décidé de mettre en place une petite icône sur le modal qui annoncera à
l’informaticien les informations à suivre afin que son importation soit correct. Cependant,
je n’ai pas encore mis en place ce système d’information.
penaud_mathieu_semaine_5.docx 2018-2019 14 - 35PENAUD MATHIEU S2SIO
• Mise en place d’un jeu d’essai:
Afin de ne pas devoir ressaisir des informations à chaque fois que j’effectue des tests sur
la base de données, j’ai mis en place un système de jeu d’essai. Celui-ci est un script écrit
en SQL me permettant de traiter plusieurs requêtes SQL en quelques mini-secondes.
(image ci-dessous)
Plus rapide
JEU D‘ESSAIEnvoie
toutes les requêtes
d’un coup
Envoie d’une requête
Envoie d’une requête
Envoie d’une requête
Plus lent
Légende : Schéma différences Jeu d’essai ou injection simple
penaud_mathieu_semaine_5.docx 2018-2019 15 - 35PENAUD MATHIEU S2SIO
JOUR N°3 :
● Objectif(s) à atteindre :
• Mise en place du système de FAQ :
Afin de permettre aux utilisateurs personnel comme élève d’avoir une réponse rapide à
leur problème, j’ai créé un système de FAQ. Ce système recense les questions les plus
fréquemment posées. De ce fait, l’utilisateur n’a pas besoin d’émettre un ticket incident et
d’autre part, cela réduis les interventions de l’informaticien pour des choses minimes, lui
permettant ainsi de se concentré sur les problèmes plus urgent.
(image ci-dessous)
Légende : Page FAQ , encore en anglais car je faisait des tests
Attention,
Problème rencontré : L’informaticien souhaite pouvoir créer et supprimer les
informations présentes sur la page FAQ.
Solution(s) trouvé(s) : De ce fait, je devrai mettre en place un système de base de
données afin de permettre à l’informaticien de modifier les données sans avoir à saisir
du code. Cependant, je ne l’ai pas encore réalisé.
penaud_mathieu_semaine_5.docx 2018-2019 16 - 35PENAUD MATHIEU S2SIO
JOUR N°4 :
● Objectif(s) à atteindre :
• entretien avec l’informaticien & établissement CDC:
Afin de m’assurer de la conformité de la conception du site avec les attentes de mes
supérieurs, j’ai eu un long entretien avec l’informaticien. Durant cet entretient, j’ai
présenté les options déjà réalisés et mes idées. L’informaticien me demandé quelques
fois de faire quelques retouches, et m’a proposé des idées pour la suite en terme de
design, d’option afin que la plateforme lui corresponde parfaitement.
Nous avons alors écrit toute ces idées sur feuille au brouillon afin d’être persuadé qu’on
exprimé la même chose. Cet entretien m’a alors permis de connaître les attentes de mes
supérieurs, de valider mon travail précédemment réalisé et de limiter la perte de temps
dans des choses inutiles.
J’ai alors retranscrit toute les étapes restantes sur le tableau que j’ai à mis disposition afin
d’avoir un suivi de l’avancement du projet.
(image ci-dessous)
Légende : Missions à effectuer suite à l’entretien
penaud_mathieu_semaine_5.docx 2018-2019 17 - 35PENAUD MATHIEU S2SIO
JOUR N° 5 :
Problème rencontré :
En souhaitant me connecter à mon hébergeur web ce jour, impossible d’y accéder. L’erreur
me retourne une mauvaise saisie de mot de passe et/ou identifiant. Or, je connaissais par
cœur ces derniers.
Solution(s) trouvée(s) :
J’ai alors directement contacté mon conseillé personnel 1&1 Ionos afin d’obtenir des
informations sur le litige. Après mettre présenté et après avoir prouvé que j’étais bien une
personne travaillant sur ce domaine, mon conseillé m’a affirmer qu’il y avait bien eu un
changement de mot de passe quelques minutes avant mon arrivé, mais qu’il ne savait guère
la provenance. Je lui ais alors demandé s’il s’agissait d’un changement de carte bleu, car le
payant du domaine avait une carte valable jusqu’en 02/19. Le conseiller m’a alors confirmé
cette manipulation.
Je suis alors allé voir le payeur afin d’obtenir le nouveau mot de passe d’accès à l’hébergeur.
Celui-ci m’a demandé de me représenter l’après-midi. J’ai alors dû réaliser des actions ne
nécessitant pas le traitement de données. Une fois l’heure proche, je suis retourné voir le
payeur et celui-ci m’a redonner les nouveaux identifiants de connexion.
penaud_mathieu_semaine_5.docx 2018-2019 18 - 35PENAUD MATHIEU S2SIO
SEMAINE N°3:
JOUR N°1 :
● Objectif(s) à atteindre :
• Retouche esthétique et grammaire:
Afin de que le site soit le plus professionnel et simpliste possible, j’ai modifier l’esthétique
de certaine fonction et vérifier la conformité grammaticale des textes écrits.
• Aménagement de la base de données :
Suite aux retouches précédemment effectuées, j’ai aménagé la base de données afin de
limiter l’envoie de mauvaises informations. Pour ce faire, j’ai par exemple remplacer le
champs de saisie des salles par une liste déroulante contenant toutes les salles
présentent dans la base de données.
(image ci-dessous)
Légende : liste déroulante des salles du groupe
penaud_mathieu_semaine_5.docx 2018-2019 19 - 35PENAUD MATHIEU S2SIO
• Traitement du formulaire de création ticket :
Après avoir optimisé la création du ticket vis à vis du personnel et des élèves,J’ai
créé un algorithme envoyant les données à la base de données. De ce fait, l’émetteur
du ticket retrouvera son ticket émis dans son onglet ‘mes tickets’ .
(image ci-dessous)
Légende : page Mes Tickets de l’utilisateur d.abele
L’émetteur pourra alors suivre l’avancement de la résolution de son ticket via cette
page qui recense tout ces tickets.
D’autre part, pour l’administrateur, celui-ci pourra voir le ticket dans un tableau qui
contient tout les ticket non ouvert comme clôturé.
(image ci-dessous)
Légende : vu des tickets de la part de l’administrateur
Emission ticket Traitement par la bd Affichage tout tickets
Personnel
Admin
Mes tickets
Légende : effets de la création de ticket
penaud_mathieu_semaine_5.docx 2018-2019 20 - 35PENAUD MATHIEU S2SIO
JOUR N°2 :
● Objectif(s) à atteindre :
• Création de modal et de interface filtre tickets:
Afin de donner un aperçu agréable à la lecture des tickets, j’ai mis en place un système de
modals. Pour ce faire, j’ai rendu cliquable chaque ligne de tableau affichant ainsi les
informations le concernant.
(image ci-dessous)
Légende : modal d’un ticket
De plus, j’ai mis en place les champs permettant la recherche via AJAX des tickets. Ils ne sont
pas encore fonctionnel.
(image ci-dessous)
Légende : filtres AJAX recherche tickets
penaud_mathieu_semaine_5.docx 2018-2019 21 - 35PENAUD MATHIEU S2SIO
Jour N°3
● Objectif(s) à atteindre :
• Création d’une chatbox Admin émetteur:
Afin de permettre de compléter les informations transmises à l’informaticien et afin de
limiter la perte de temps, j’ai mis en place un système de chatbox. Pour l’instant j’ai
seulement aménager la base de données pour que lorsqu’un ticket est créé, il y a
automatiquement une chatbox qui se créée également.
(images ci-dessous)
Légende : Chatbox
Légende : Table Chatbox dans la base de données
penaud_mathieu_semaine_5.docx 2018-2019 22 - 35PENAUD MATHIEU S2SIO
Jour N°4
● Objectif(s) à atteindre :
• Traitement de la chatbox:
Afin de mettre en place le plus vite possible ce système, j’ai procédé ce-jour au traitement
de la chatbox. Pour ce faire, j’ai créé un formulaire dans la modal, qui renvoie un message
lorsque soit l’émetteur ou l’administrateur complète ce formulaire.
(image ci-dessous)
Légende : Chatbox avec Traitement
Problème rencontré :
l’encodage des données ne prend pas en compte les accents.
Solutions trouvée :
Il faut que je change cela dans lorsque je me connecte à la base de données
penaud_mathieu_semaine_5.docx 2018-2019 23 - 35PENAUD MATHIEU S2SIO
Jour N°5
● Objectif(s) à atteindre :
• Esthétique de la page des tickets :
Afin de permettre une meilleure visualisation de informations importantes. J’ai amélioré
l’esthétique de la page. De ce fait, j’ai mis 3 couleurs selon la priorité des tickets rouge
important, orange normal et verte basse priorité.
(image ci-dessous)
Légende : Tableau des tickets mis à jour
• Gestions des boutons du modal:
Afin de faciliter la manipulation de données sur un ticket donné, j’ai mis en place des
boutons de suppression, de modification d’état et le bouton ‘répondre’ de la chatbox qui y
était déjà. Pour l’instant, le bouton de modification d’état ne possède pas de traitement
(image ci-dessous)
Légende : Modales avec les fonctionnalités
rajoutées
penaud_mathieu_semaine_5.docx 2018-2019 24 - 35PENAUD MATHIEU S2SIO
SEMAINE N°4:
JOUR N°1 :
● Objectif(s) à atteindre :
• Mise en place d’une relation FAQ → Base de données: Base de données:
Afin de permettre à l’informaticien de pouvoir ajouter et/ou supprimer le contenu de la
rubrique FAQ, j’ai mis ne place une nouvelle table dans la base de données.
J’ai donc également modifier le jeu d’essai avoir d’avoir 3 questions lors du formatage des
données.
(image ci-dessous)
Légende : Table FAQ + insertion jeu d’essai
Le contenu est désormais lié à la base de données
(image ci-dessous)
Légende : Contenu de la FAQ
penaud_mathieu_semaine_5.docx 2018-2019 25 - 35PENAUD MATHIEU S2SIO
• Changement état des tickets:
Afin de pouvoir connaître exactement l’avancement de la résolution d’un ticket. J’ai mis en
place une nouvelle table permettant de réaliser cela. De ce fait, par la modal des tickets,
nous pouvons changer l’état du ticket. Cet état sera présent dans le tableau recensant
tout les tickets.
(image ci-dessous)
Légende : Table Etat
Légende : état non-ouvert du ticket
Légende : Changement état du ticket
Légende : état ‘en cours de traitement’ du ticket
• AJAX filtres tickets:
Toujours dans le but de faciliter les actions de l’informaticien, j’ai repris et
configurer les filtres des tableaux inventaire et comptes pour les ajouter au
tableau des tickets.
penaud_mathieu_semaine_5.docx 2018-2019 26 - 35PENAUD MATHIEU S2SIO
JOUR N°2 :
● Objectif(s) à atteindre :
• Mise en place d’un système d’ajout de FAQ:
Afin de permettre à l’informaticien de pouvoir ajouter une rubrique FAQ, j’ai mis ne place
un bouton ouvrant un modal lui permettant de saisir les informations qu’il souhaite mettre
dans la base de données. Ce modal ressemble à un mini éditeur de texte ayant quelques
options à présenter. (ajout de lien, modification de couleur, Gras, Italic,…). Ces options
injecteront du code dans le message évitant ainsi à l’informaticien de taper du code. Ce
modal sera ensuite envoyé à la base de données.
Pour info :: Les options ne sont pas encore fonctionnelles
(image ci-dessous)
Légende : Modal éditeur de texte
penaud_mathieu_semaine_5.docx 2018-2019 27 - 35PENAUD MATHIEU S2SIO
JOUR N°3 :
● Objectif(s) à atteindre :
• Éditeur de texte Ajout FAQ :
Grâce à l’interface créé la veille, j’ai mis en place les options précédemment citées. Pour
ce faire, j’ai utilisé le langage JS pour le traitement des données ainsi que Jquery pour
l’ouverture et fermeture du modal. De ce fait, les options injecteront du code HTML dans
le message et l’enverra à la base de données. Celle-ci gardera alors les données HTML
sous format text ressortant lors de l’appel ces codes. Comme de la couleur ou encore des
liens.
(image ci-dessous)
Légende : modal ajout lien
Légende : Résultat
Légende : modal avec le contenu HTML
penaud_mathieu_semaine_5.docx 2018-2019 28 - 35PENAUD MATHIEU S2SIO
JOUR N°4 :
● Objectif(s) à atteindre :
- Mise en place de la V.2.0.0 :
Afin d’être sûr que tout fonctionne correctement, que l’affichage soit correct, que les
documents soit à jour (MLD,MCD,plan du iste,...),que les dernière fonctionnalités soit
présente, j’ai décidé de mettre en place un système de gestion de versions. Cette V.2.0.0
recensera toute les idées citées précédemment. Ces idées sont recensées dans un fichier .txt
(image ci-dessous)
Légende : Texte V.2.0.0
J’ai donc mis à jour les documents tel que le MLD et le MCD cause des nouvelles tables
ajouté et à venir.
penaud_mathieu_semaine_5.docx 2018-2019 29 - 35PENAUD MATHIEU S2SIO
JOUR N°5 :
● Objectif(s) à atteindre :
• Mise en place mails automatiques :
Afin d’informé l’informaticien sur les nouveauté concernant la plateforme Helpmy, j’ai mis en
place un système de mail automatique ainsi qu’une cloche de notification.
En effet, sous demande de mon tuteur, j’ai rajouté tout les mail du personnel et des élèves
dans la base de données. En modifiant les tables, documents (MLD,…) et fichier
d’importations. Ensuite, en ajoutant un petit script lors des émissions des tickets,
l’informaticien reçoit automatiquement des e-mails lui informant la création de ce dernier.
(image ci-dessous)
Légende : Mail Automatique émission ticket
Problème rencontré :
Le mail émit automatique via un script est directement envoyé vers les courriers indésirables.
Solutions Trouvées :
J’ai alors contacté l’hébergeur et après quelques manipulations de ce dernier, et quelques
heures d’attentes, le mail apparaît alors dans la boîte de réception traditionnelle
penaud_mathieu_semaine_5.docx 2018-2019 30 - 35PENAUD MATHIEU S2SIO
• Mise en place de la cloche de notification :
Afin de donner plus d’informations à l’utilisateur concernant ces ticket, j’ai mis en place un
système de cloche de notification. Cette dernière et composé d’une cloche, ainsi que d’un
petit nombre comptant le nombre d’action non-vues par la personne en question, personnel,
administrateur,…
J’ai alors dû créer une nouvelle table dans la base de données
(image ci-dessous)
Légende : Table notification
L’utilisateur pourra alors passer une ou toutes les notification(s) en lue(s) afin de se retrouver
au chiffre 0 . Ce système fût réalisé avec JavaScript
(image ci-dessous)
Légende : cloche notification
penaud_mathieu_semaine_5.docx 2018-2019 31 - 35PENAUD MATHIEU S2SIO
SEMAINE N°5:
JOUR N°1 :
● Objectif(s) à atteindre :
• Maintenance tablette :
Afin de permettre aux nouveaux élèves de disposer de tablettes lors de leur rentrée de
classes, j’ai du confirgurer des tablettes selon des demandes précises demandées par
mon responsable. (installation d’application, paramétrage,…).
Ceci m’a pris toute la journées cause des mises à jour à effectué extrêmement longue
JOUR N°2 :
● Objectif(s) à atteindre :
• Maintenance tablette :
Afin de permettre aux nouveaux élèves de disposer de tablettes lors de leur rentrée de
classes, j’ai du confirgurer des tablettes selon des demandes précises demandées par
mon responsable. (installation d’application, paramétrage,…).
Ceci m’a pris toute la journées cause des mises à jour à effectué extrêmement longue
penaud_mathieu_semaine_5.docx 2018-2019 32 - 35PENAUD MATHIEU S2SIO
JOUR N°3 :
● Objectif(s) à atteindre :
• Bootstrap vérification :
Afin d’être persuadé que le site sera accessible et lisible sur tout les plateformes, surtout
tablettes (pour les élèves) et pc portable pour le reste, je me suis muni d’un téléphone,
d’une tablette, d’un pc portable ainsi que d’écran afin de réaliser tout les tests.
J’ai alors, modifier les codes sources lors de découverte de problème d’adaptation.
(images ci-dessous)
Légende : Affichage sur pleins ecran Affichage sur mobile
penaud_mathieu_semaine_5.docx 2018-2019 33 - 35PENAUD MATHIEU S2SIO
JOUR N°4 :
● Objectif(s) à atteindre :
• Finalisation du projet :
Afin d’être sûr que tout fonctionne correctement, j’ai réalisé de nombreux tests et corriger les
éventuels problèmes rencontré. J’avais par exemple oublier une redirection qui retourner une
erreur 404 ou encore des fautes d’adaptations de texte cause de copier coller entre les
différentes pages.
JOUR N°5 :
● Objectif(s) à atteindre :
• Présentation du projet terminé devant la direction :
J’ai présenté le projet terminé devant de nombreuses personnes que je ne connaissais
guère. J’ai alors dévoilé le processus ainsi que toutes les options et conséquences de telle ou
telle fonction.
A ma grande satisfaction, les retours fut extrêmement positifs.
penaud_mathieu_semaine_5.docx 2018-2019 34 - 35PENAUD MATHIEU S2SIO
● Personne(s) rencontrée(s) :
M.PERSON : Directeur du groupe
M.GIOT : (Directeur Adjoint du lycée / collège) .
M.HOFFMANN : (Informaticien, administrateur Réseau)
Assistance 1&1 : pour l’aide au mail non-désirable
● Langages utilisés :
HTML JAVASCRIPT
CSS PHPMYADMIN
PHP SQL
APACHE JQUERY
BOOTSTRAP AJAX
penaud_mathieu_semaine_5.docx 2018-2019 35 - 35Vous pouvez aussi lire
