{% extends "site/layout.html.twig" %}

{% block content %}
	<style>
		ul, li{
			text-align: justify;
		}
	</style>
	<div class="container" style="margin-bottom: 112px; ">
		<h4 class="center-align">Exemples de conception et développement de sites web pour ENEDIS</h4>
		<hr class="ligne_subtitle" />
		<ul>
			<p style="font-weight: bold; font-size: 18px; text-align: center; ">La base de Saintes constitue un nouveau service ENEDIS, la centralisation de la programmation des activités des
			agents de terrain. C'est pourquoi j'ai œuvé avec les chefs de projets à mettre en place les outils
			nécéssaires à leurs activités au travers d'un site portail, CPA  (Centralisation de la programmation des Agents) :</p>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Une première partie du site, depuis un import journalier  de données (un robot Autoit que j'ai développé)
				en provenance de la base nationale, représente dans des reporting l'avancement des chantiers.
				Ces reporting sont filtrables selon des mailles géographiques et peuvent être exportés au format PDF
				ou PowerPoint, permettent de visualiser le détails des données, lesquelles sont exportables au format Excel.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Une seconde partie, depuis un import hebdomadaire
				en provenance de la base nationale, représente dans des reporting le budget ENEDIS (CAPEX, OPEX) sur l'année en région Poitou-Charentes.
				Ces reporting sont filtrables selon des mailles géographiques et temporelles et peuvent être exportés au format PDF
				ou PowerPoint.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Une troisième partie permet aux agents  d'historiser les appels concernant les pannes,
				des listes déroulantes et des auto-complétion accélèrent et fiabilisent la visualisation et la prise de données, les pannes de la journée
				sont visibles dans un tableau, et une autre page du site présente l'historique complet des appels.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Le reste du site présente les informations administrables par les
				utilisateurs eux-mêmes avec un mot de passe, c'est à dire un trombinoscope et des procédures de travail.
			</li>
		</ul>
		<hr class="ligne_fine" />
		<!-- <div class="center-align">
			<a href="http://1230.fr:86" target="_blank" class="waves-effect waves-light btn-small" style="color:rgb(249, 254, 255); ">Les contrôles logistique</a>
		</div> -->
		<ul>
			<p style="font-weight: bold; font-size: 18px; text-align: center; ">Application web intranet de suivi des contrôles réguliers sur le matériel.</p>
			<li style="margin-top: 5px; "></li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Centralise le suivi des contrôles en permettant leur enregistrement sur une base de données commune, ce en facilitant leur saisie et en permettant leur importation en masse.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Permet la consultation des contrôles dans des tableaux et des reportings, afin d'améliorer leur planification..
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Alerte sur les contrôles prioritaires ou non réalisés à la date prévue.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Permet la localisation des équipements.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Offre également une interface de gestion du parc véhicule.
			</li>
		</ul>
		<hr class="ligne_fine" />
		<!-- <div class="center-align">
			<a href="http://1230.fr:84" target="_blank" class="waves-effect waves-light btn-small" style="color:rgb(249, 254, 255); ">La formation des agents</a>
		</div> -->
		<h5 class="center-align">La formation des agents</h5>
		<ul>
			<p style="font-weight: bold; font-size: 18px; text-align: center; ">Suivi des formations effectuées par les agents.</p>
			<li style="margin-top: 5px; "></li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Connaissance des formations déjà réalisées et à réaliser par les agents.
			</li>
		</ul>
		<hr class="ligne_fine" />
		<!-- <div class="center-align">
			<a href="http://1230.fr:85/pst" target="_blank" class="waves-effect waves-light btn-small" style="color:rgb(249, 254, 255); ">La Prise Sous Tutelle des agents en fin de formation</a>
		</div> -->
		<h5 class="center-align">La Prise Sous Tutelle des agents en fin de formation</h5>
		<ul>
			<p style="font-weight: bold; font-size: 18px; text-align: center; ">Donner une vision à chaque agent sur leur avenir professionnel en le reliant aux enjeux stratégiques de l'entreprise.</p>
			<li style="margin-top: 5px; "></li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;suivre le plan de formation de chaque agent.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Planification des immersions en lieu de travail avant/après stage.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Planification des prises sous tutelles avant/après stage.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Envoi automatique de mail pour alerter les manageurs des actions post-formations à effectuer.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Consultation des agents affectés à un manageur.
			</li>
		</ul>
		<hr class="ligne_fine" />
		<h5 class="center-align">La prévention et la sécurité</h5>
		<ul>
			<p style="font-weight: bold; font-size: 18px; text-align: center; ">L'Outil de l'Organisation de la Prévention, les agents ENEDIS se « visitent » les uns les autres régulièrement dans le cadre de
			visites destinées à assurer la prévention des risques. LOOP est basé sur un import régulier des données en provenance de la base
			nationale, afin de présenter des reportings sur la quantité et la qualité de ces visites.</p>
			<li style="margin-top: 5px; "></li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Une première partie du site, la partie quantitative, représente dans
				des reporting l'avancement des visites selon leur catégorie.
				Ces reporting sont eux aussi filtrables et permettent une visualisation fine selon les catégories de visites,
				la maille géographique et/ou la période choisie.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Une seconde partie, la partie qualitative, représente dans des reporting
				le niveau qualitatif des visites, depuis la moyenne des visites sur la région, jusqu'à une visite elle-même
				avec les commentaires et appréciations qui lui sont associées.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Enfin, la page d'accueil du site montre un diaporama paramétrable
				avec un mot de passe, concernant les métiers de la prévention, et affiche un badeau informatif lui aussi
				modifiable avec un mot de passe.
			</li>
		</ul>
		<hr class="ligne_fine" />
		<h5 class="center-align">La G.P.E.C.</h5>
		<ul>
			<p style="font-weight: bold; font-size: 18px; text-align: center; ">La Gestion Prévisionnelle des Emplois et des Compétences (G.P.E.C.) est une méthode employée par les grandes
			entreprises pour planifier la gestion des ressources humaines. Dans le but d'adapter l'outil existant à la région Poitou-Charentes,
			j'ai développé un site basé sur les données fournies par l'application nationale (import régulier avec un robot).</p>
			<li style="margin-top: 5px; "></li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;La page principale du site présente la liste compléte des agents dans un tableau
				materialize filtrable et triable (recherche), certains champs sont modifiables afin de laisser au managers utilisant le
				site la possibilité d'ajouter des informations aux données importées. Chaque ligne du tableau correspond à un agent
				dont les compétences sont notées en détail via une page accéssible en cliquant sur une icone.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;La fiche de l'agent est une page web où ses compétences sont détaillées.
				Des tableaux et des graphiques représentent sa notation par domaine et sous-domaines, et tableau résume
				les compétences métiers auxquelles l'agent peut prétendre selon son niveau.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Une autre page du site fonctionne de la même manière, mais en établissant
				la moyenne des niveaux atteints par les agents selon des filtres géographiques, tout en précisant le nombre
				ayant acquis telle ou telle compétence. Nous saurons par exemple que la base de Saintes dispose de 4 agents possédant
				le niveau requis pour effectuer des travaux de maintenance sur des lignes aériennes, mais qu'elle n'en aura plus que 3 d'ici
				2 ans.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Une autre partie du site affiche le nombre d'agents pouvant être formateur
				dans un domaine ou un sous-domaine. Un clique sur un agent montre un tableau où sont indiquées
				les compétences où il peut être formateur.
			</li>
			<li>
				•&nbsp;&nbsp;&nbsp;&nbsp;Le site dispose enfin d'une partie administration réalisée avec le Bundle
				EasyAdminBundle où il est possible de gérer l'ensemble des données depuis les agents et les bases opérationnelles
				(comme Saintes pa exemple), jusqu'aux compétences et leur domaine et sous-domaine respectifs.
				Nous avons ainsi un site dynamique et entièrement paramétrable.
			</li>
		</ul>
		<hr class="ligne_fine" />
		<h5 class="center-align">Le R.G.P.D. et la sécurisation : GARDIAN</h5>
		<ul>
			<p style="font-weight: 501; ">Le Règlement Général sur la Protection des Données (R.G.P.D.) impose aux entreprises de
			qualifier et de documenter offciellement les types de données qu'elles manipulent dans le cadre de leurs activités, et
			de mettre en place un niveau de sécurité selon le type et la sensibilité de ces données
			(données à caractère commerciales, personnelles, ...).
			Après avoir réalisé un document caractérisant les données de l'application,
			j'ai mis en place un module destiné à la sécurité, et basé sur l'interrogation d'un annuaire nationale, Gardian.
			Celui-ci utilise le protocole openID afin de gérer et de sécuriser les échanges entre client et serveur.</p>
			<li style="margin-top: 5px; "></li>
		</ul>
	</div>
  {% endblock %}