Rochette Dimitri

Développeur web et logiciel en deuxième année de BTS SIO

À SUPINFO Lyon dès la rentrée 2025

Recherche une alternance

Portfolio

Mes projets informatiques réunis et expliqués

Veille techno

Articles technologiques sur l'écologie

Stage MJC Héritan Mâcon | Portfolio Dimitri Rochette Accueil Enfance Saison culturelle Activités Évènement Pied de page Présentation Redesign Code Compte rendu La MJC Héritan à Mâcon Logo MJC Héritan Site web Instagram

La MJC Héritan est la plus importante MJC de Mâcon, elle compte plus de 2 000 adhérents, et représente un lieu où il fait bon vivre

Les Maisons des Jeunes et de la Culture (MJC) sont des associations d’éducation populaire ouvertes à tous, visant l’émancipation individuelle et collective. Elles proposent des activités artistiques, culturelles et sportives, ainsi que des événements, pour favoriser l’épanouissement et la citoyenneté active. Les MJC, financées par cotisations et subventions, sont gérées démocratiquement par leurs adhérents et fonctionnent selon un projet associatif défini collectivement.


L'objectif de mon stage était de rendre la navigation sur le site plus simple, agréable et adaptée aux usages actuels

J'ai donc utilisé l'outil WordPress qui a été le CMS choisi par la MJC pour la gestion de son site web, ainsi que les langages web tels que HTML, CSS et PHP

Crédits: AL DRONE Crédits: AL DRONE
Le redesign

Global

Pour mettre le site au goûts du jour, revoir le design était primordial, je me suis donc d'abord penché sur l'apparence globale du site. Autrement dit: les composants qui apparaisent quelque soit la page visitée.


J'ai premièrement créé un pied de page. Cet un élément nécessaire dans une page web car il indique que la page lue est terminée, de plus il permet de mettre des informations importantes sur toutes les pages sans avoir à surcharger le reste

Je me suis me suis ensuite concentré sur la barre de navigation, un élément plus qu'important dans un site, qui demande de la clarté et de la visibilité

L'utilisation de différentes couleurs a été un vrai avantage autant pour la lisibilité du site que pour rappeler l'aspect multifacette d'une MJC. On peut en retrouver dans l'image de fond, qui détache ainsi le contenu de la page, et dans la barre de navigation, qui distingue les thématiques par couleur.

Pages

Une fois le redesign global terminé, j'ai refait chaque page individuellement. Le but était ici de rendre les pages plus digestes et pertinentes avec une mise en forme attrayant et du contenu plus simple.

Je me suis basé sur les maquettes des pages qui m'ont été fournies par les personnes résponsables de la communication

Accueil Enfance Saison culturelle Activités Évènement
Code

Bien que l'outil WordPress permette de faire des sites complèts sans écrire une ligne de code, j'ai été contraint de coder pour améliorer l'expérience utilisateur ainsi que pour pousser les capacités du CMS à son plein pottentiel

Code de fonctions dans WordPress

Écriture de nouvelles fonctions et widgets dans le fichier de thème de WordPress

Code de la page index.php

Modification du comportement de l'affichage des pages (ici index.php)

Compte rendu Télécharger

Compétences

Au cours de ce stage, j'ai pu acquérir et renforcer des compétences nécessaires pour un développeur telles que:

  1. Gérer le patrimoine informatique
  2. Répondre aux incidents et aux demandes d'assistance et d'évolution
  3. Développer la présence en ligne de l'organisation
  4. Travailler en mode projet
  5. Mettre à disposition des utilisateurs un service informatique

Contact

Ou envoyez un mail

Retrouvez moi sur ces réseaux:

LinkedIn Discord GitHub Instagram
Copyright © 2025 Rochette Dimitri - Tous droites réservés.