PPE 1 | Conception & réalisation du site web

Introduction : le projet personnel encadré, plus communément connu sous le nom de « PPE », est un projet à thème imposé, réalisé en groupe ou de façon individuelle. Le nombre de projet s’élève à 4 pour les deux années de formation. L’étudiant dispose d’un semestre entier pour réaliser ce projet.

Présentation : le premier projet a pour objet la création d’un outil de communication extérieur, un moyen pour l’étudiant de pouvoir communiquer et de renseigner les futurs employeurs. La production de cet outil est exigée par l’épreuve E6 et fera l’objet d’une présentation lors de celle-ci. Le « parcours de professionnalisation » ainsi nommé, se présente sous la forme d’un site web contenant des informations concernant les compétences de l’étudiant, les situations professionnelles* rencontrées lors de sa formation mais également lors de ses stages.

Réalisation : le parcours de professionnalisation doit répondre à un cahier des charges précis. L’exigence primordiale était la présence d’un menu contenant les onglets suivants :

  • Epreuve E6
  • PPE
  • Stages
  • Activités

Déroulement : la réalisation du projet a nécessité plusieurs étapes.

  • Conception de la maquette :  réalisation graphique qui représente l’aspect visuelle du site web.

  • Construction de la structure : le plan du site web, l’ensemble des sections et des onglets qui le compose.

  • Construction du diagramme de Gantt : permet de planifier l’ensemble des tâches nécessaires à la réalisation du projet, il donne une vision globale de l’avancée du projet.

  • Sélection du logiciel de gestion du contenu : le cahier des charges impose l’utilisation d’un logiciel de gestion de contenu (Content Management System), en l’occurrence WordPress* est utilisé.
  • Sélection du thème : WordPress propose un ensemble de thèmes déjà préconçu graphiquement.
  • Création du contenu du site : implémentation des différentes sections et onglets du site, modification de la feuille de style du thème afin que le graphisme de celui-ci corresponde le plus possible à la maquette.

  • Sélection de l’hébergeur web : le site web doit être accessible par tout le monde, pour cela il faut choisir un serveur web, ici Hostinger*.
  • Réservation du nom de domaine : le nom de domaine correspond à l’URL auquel est relié le site web (https://abouillit-sio.fr).
  • Exportation du site web local en ligne : transfert du site web via serveur FTP en ligne.

Une fois toutes ces étapes réalisées, le parcours de professionnalisation est accessible et consultable par n’importe quel visiteur.

Mise à jour : le site web doit être régulièrement mis à jour dans le but maintenir au courant les visiteurs. De plus la section « Stages » doit comporter des comptes rendus hebdomadaires pendant les stages, afin rendre compte des différentes missions auxquels l’étudiant a été confronté et les problématiques auxquels il a dû répondre. La régularité et la qualité des comptes rendus hebdomadaires permettront de mettre en avant le sérieux et la rigueur dont fait preuve l’étudiant.