Écho d’ArtistesIntranet pour une école de lutherie

image drupal echo d'artiste
Description

Écho d’Artistes forme des artisans luthiers d’un haut niveau de qualification, capable à la fois de concevoir un instrument respectant les standards de fabrication et de créer un objet unique répondant à la demande d’un musicien.

Je suis intervenu dans la création de la plateforme pédagogique de l’école en 2022 puis dans son évolution et sa maintenance jusqu’en 2023.

membre uniquement
  • Conception pages & arborescense
  • Conception de la base de données
  • Zoning et maquette graphique
  • Intégration TWIG
  • Développement des logiques
  • Sécurité
illustration echo
logo echo
icone echo

Branding

Echo d'artiste a été réalisé dans un style moderne et Flat design autour des thèmes de la lutherie et du travail du bois.

tablette echo

Palette de couleurs

Les principales couleurs utilisées sur l’ensemble du site (hors déclinaison):

#f9d386

Logo et éléments

#fdfbf7

Background

#ee7452

Elements : boutons, icônes

#2d2825

Background

Typographie

Les 2 types de police utilisées sont Oswald et Roboto avec 4 déclinaisons de graisses. Oswald-Bold est utilisée pour les titres. C'est une refonte du style de police gothique classique qui s'intègre bien avec le thème du travail du bois. Roboto est utilisée pour les textes pour son confort de lecture.

Oswald-Bold

font-family: « Oswald-Bold », sans-serif; font-size: 5em; line-height: 1.15em; color: #3e3a34;

Oswald-semiBold

font-family: « Oswald-semiBold », sans-serif; font-size: 2em; line-height: 1.25em; color: #000000;

Roboto-Regular

font-family: « Roboto-Regular », sans-serif; font-size: 1.15em; line-height: 1.5em; color: #3e3a34;

Développement web

Intranet-academie.fr est un site web Drupal 9 avec une réalisation sur mesure du thème (fromScratch) et des fonctionnalités (API Drupal). Cette plateforme pédagogique permet notamment la création de formations, de cours en ligne et de prise de notes numériques pour les élèves. Un système de validation de compétence permet de valider en interne le diplôme correspondant.

responsive echo 1
développement echo

Intégration web: Drupal sur-mesure

Intégration de 16 pages templates et de 8 modèles de formulaires. Le backoffice (7 pages type) a été réalisé sur mesure pour simplifier son utilisation et s’intègre parfaitement à la charte graphique du site. Pour une meilleure ergonomie, les prises de note et les cours en ligne ont exactement le même aspect en mode édition (formulaire) ou en mode lecture (page).

Projet

  • Date : 2022 – 2023
  • Chef de projet : Mathieu Faury
  • Développement : 7 mois
  • Evolution du site : 5 mois

HTML

  • Sur mesure (From scratch)
  • 16 template de page (TWIG)
  • Théme générique Classy

SCSS

  • 7k lignes
  • Flex (100%)
  • Fluide : % / em / rem
  • Responsive & compatibilité

Javascript & environnement

Front / JavaScript / JQ

  • Formulaires AJAX (API Form)
  • Sliders (Slick), Accordéons, Onglets etc.

Edition

  • Page éditable à 75%

Environnement

  • PhpStorm
  • Gulp
  • Git / Github
  • Composer

Responsive 15 breakpoints

Responsive tous supports : smartphone 0-640 px | tablette 640-1024 px | écran 1024 et + | breaks point intermédiaires

tablette echo 2
logo echo
portable echo 2
responsive echo 2

Explorez l'intégralité du site Web sur https://intranet-academie.fr/

Avis du client

Mathieu a participé au développement d’une plateforme pédagogique pour notre centre de formation, il s’est toujours montré agréable, de bon conseil et réactif. Je recommande.

Alexandre Azzola Marketing and Sales Manager, Echo d'Artistes Lutherie

Développement PHP

Développement Drupal 9/10 orienté API (70 % API, 30% CMS) pour la performance. Conception de la base de données (Custom Entity) pour 60% des besoins métiers.

Logiques (PHP)

  • Formations (4 niveaux) duplicables
  • Cours en ligne (3 types)
  • Prise de note
  • Contrôle de connaissance (7 types)
  • Correction des contrôles
  • Validation de compétences

Logiques (PHP)

  • Navigation moodle
  • 3 espaces utilisateurs
  • Page recherche (filtre & ajax)
  • Création de PDF (mpdf)
  • Curseur compétence
  • Curseur progression
  • Notifications

Développement API

  • 6 modules
  • 6 entités (18 bundles)
  • 21 contrôleurs
  • 31 formulaires (API Form)
  • 65 fonctions (Services)

Développement CMS

Sécurité

  • 5 vues (Views)
  • 4 nodes (type de contenu)
  • Mailchimp
  • Full Calendar (Agenda)

Sécurité

  • Pratiques recommandées Drupal
  • XSS, injection SQL, CSRF etc.
  • Sauvegarde horaire et journalière

Autres

  • HTTPS
  • Formation admin & élève

Projet suivant