Stage n°1 & 2 - GRETA Est Bretagne
Présentation de l'organisation cliente
Le GRETA Est Bretagne (GEB) fait partie du réseau national des GRETA, établissements publics de formation continue et de validation des acquis de l’expérience.
Le GEB permet de réaliser des formations diplômantes (CAP Cuisine, BTS Gestion de la PME, BTS MCO, etc).
Le GRETA a fait appel à nous car il souhaitait développer une application web afin de faciliter le travail des coordinateurs(trices).
Réalisation du cahier des charges
Le cahier des charges a été réalisé lors d’une réunion avec Mme MARCHAND Marie-Anne, CFC Numérique pour le GEB. Ce cahier des charges a été retravaillé et affiné lors de multiples réunions réalisées pendant le stage. Cependant, certaines initiatives ont été prises lors de la réalisation de l’application web, comme la mise en place d’importation de Texte CSV via l’application, ce qui permet un gain de temps à l’insertion de multiples données.
Les principaux points ayant été retenus sont :
– La création d’une application web permettant de réaliser des attestations de compétences, ainsi que la possibilité de les télécharger en PDF.
– La création et mise en place d’une base de données.
– La mise en place de différents types de compte sécurisé (Administrateur & Coordinateur(trice)).
– La réalisation d’un tutoriel introduisant l’application web et comment l’utiliser, avec la possibilité de le télécharger en PDF.
– La possibilité d’ajouter des données directement via l’application.
– Le respect de la charte graphique du GRETA.
– Ainsi que de multiples conditions liées au format des attestations de compétences.
Application web
L’application web est composée de plusieurs parties :
– Page de connexion, qui déterminera si vous avez accès à l’application et si vous êtes un administrateur ou non.
– Page d’accueil, composée de la fiche tutoriel, ainsi que des tableaux types pour l’insertion de données.
– Gestion de comptes, permet à l’administrateur de créer ou supprimer un compte.
– Logs, liste toutes les actions effectuées dernièrement (Connexions, ajouts de données, créations de PDF, créations de compte,…), de plus, seuls les comptes administrateurs y ont accès.
– Attestation de compétences, formulaire permettant de créer, au format PDF, les attestations.
– Insertion de données, permet de rajouter des données à la base de données (Agence, site, formation, bloc de compétences, compétence).
– Consultation de la base de données, permet d’afficher le contenu dans un tableau, des types de données sélectionnées.
Contraintes et difficultés rencontrées
Afin de respecter le cahier des charges, nous avons dû trouver une solution pour créer un documents PDF à partir des informations inscrites dans le formulaire.
Après recherches, nous avons opté pour la bibliothèque FPDF, qui permet de créer, grâce à PHP, un PDF avec les données d’un formulaire.
Le GRETA Est Bretagne possède des serveurs, mais aussi un hébergement chez l’hébergeur OVH. Pour le moment cette application n’est pas hébergée. Cependant, à l’avenir le GRETA souhaite la faire héberger, la réflexion sur le choix de l’hébergement est encore d’actualité.
Le GRETA possède une charte graphique, que nous avons dû respecter pour les couleurs et logos utilisés sur l’application web. Ces informations nous ont été communiquées par le GRETA.
PDF fourni par le GRETA :
L’application effectue des requêtes SQL sur la Base De Données (BDD), il faut donc faire attention aux injections SQL. Pour cela, il faut faire des requêtes préparées et utiliser « mysql_real_escape_string« . Sans cela la base de données pourrait être supprimée/modifiée par n’importe qui.
Les mots de passe des comptes devront être sécurisés dans la BDD (ne pas les écrire en clair). Sans cela, si une personne arrive à récupérer la base de données alors il aura accès à tous les comptes. Ils seront donc hashés lors de la création.
J’ai réalisé mes trois stages avec un autre stagiaire de ma formation, nous avons donc dû nous organiser et nous répartir le travail, voici les plannings illustrant ce que nous avons produit durant les deux premiers stages :
Stage n°3 - Le Chauffagiste à Vélo
Présentation de l'entreprise
Le Chauffagiste à Vélo est une jeune entreprise réalisant des interventions et des chantiers dans les domaines de la Plomberie, du Chauffage et de l’Electricité.
La particularité de celle-ci est, comme son nom l’indique, que tous les déplacements dans la périphérie de Rennes se réalisent à vélo, en dehors, ils sont réalisés en camionnette.
J’ai donc proposé mes services, ainsi que la participation de CHEVALIER Alexis, un autre stagiaire de ma formation, afin de réaliser un site Web pour son entreprise.
Réalisation du cahier des charges
Le cahier des charges a été réalisé lors d’un entretien avec M. PIERRET Nicolas, propriétaire de l’entreprise, afin de déterminer ses attentes.
Les principaux points retenus sont :
– Appuyer sur les multiples domaines d’activités : Plomberie, chauffage & électricité.
– La mise en avant des Interventions d’urgence à vélo en périphérie de Rennes, et en extérieur avec une camionnette.
– Présence d’une tarification, précisant les coûts de main d’oeuvre et de déplacements, avec des tarifs plus détaillés sur une page annexe.
– Une page annexe détaillant les services proposés.
– Un plan illustrant la zone d’action de ses déplacements, tout en distinguant les zones de déplacement en vélo et en camionnette.
– Afficher sur le site, en temps réel, les commentaires postés sur le compte Google MyBusiness de l’entreprise.
– Travailler sur le référencement du site.
– La possibilité d’envoyer un mail demandant un devis via le site.
– Affichage / lien avec la page Facebook de l’entreprise.
Choix de l'hébergement
Choix de l’extension du nom de domaine :
Capture d’écran du site ionios.fr
PDF concernant les hébergements de sites professionnels :
1&1 IONOS – Offre Pro – Hébergement WEB
Document téléchargé sur le site ionios.fr
Choix de l’extension du nom de domaine :
Capture d’écran du site lws.fr
PDF concernant les hébergements de sites professionnels :
LWS – Offre Pro – Hébergement WEB
Document téléchargé sur le site lws.fr
Choix de l’extension du nom de domaine :
Capture d’écran du site ovh.fr
PDF concernant les hébergements de sites professionnels :
OVH – Offre Pro – Hébergement WEB
Document téléchargé sur le site ovh.fr
Le site
Le site est donc attribué au nom de domaine « lechauffagisteavelo.fr« , et est hébergé chez OVH.
Lechauffagisteavelo.fr a été créé à partir du CMS WordPress, et utilise le thème Hestia de Themeisle.
Contraintes & difficultés rencontrées
Le site créé est un site présentant une activité commerciale artisane, nous nous sommes donc renseignés sur les obligations d’affichage de la tarification. Suite à ces recherches nous avons dû créer une grille tarifaire, affichant les taris communs de l’entreprise, accompagnés de la signalisation « à partir de » (suite à la demande de celle-ci).
La charte graphique à respecter était celle établie sur la carte de visite de l’entreprise et le logo, une majorité de bleu foncé, rouge et blanc.
J’ai réalisé mes trois stages avec un autre stagiaire de ma formation, nous avons donc dû nous organiser et nous répartir le travail, voici le planning illustrant ce que nous avons produit durant le stage :
Le site comporte donc un formulaire permettant d’envoyer un mail à l’entreprise afin de faire une demande de devis, il faut donc protéger le site des spams afin de ne pas surcharger le site de requêtes inutiles, ainsi que la boite mail de l’entreprise.