Refonte du visuel des horaires de l'ISFCE et mis en ligne sur horaires.add9.dev pour une utilisation plus simple et rapide.

npm install
npm run start

docker build -t isfce-calendar .
docker run -d -p 8080:80 isfce-calendar

Nous utilisons FullCalendar pour l'affichage des horaires ainsi que des iCal pour l'importation des horaires.

• React
• FullCalendar
• iCal

L'affichage des horaires fonctionne via des fichiers iCal qui sont importés dans le calendrier. Ces fichiers sont générés manuellement. Ensuite un fichier sections.json est généré pour permettre de filtrer les horaires par section et par niveau et horaire de cours (Matin/Après-midi/Soir). Les chemins vers les .ics (fichiers iCal) sont définis dans ce fichier.

Note : Les fichiers iCal n'ont pas besoin d'être présent localement, ils peuvent être hébergés sur un serveur externe, le path mentionné dans le fichier sections.json doit être accessible.

• Le composant Calendar chargé de l'affichage des horaires va lire le fichier sections.json pour afficher les horaires.
• Le composant DownloadICSSection va permettre de télécharger les fichiers iCal pour les importer dans un calendrier externe.
• Le composant SectionSelector va permettre à l'utilisateur de filtrer les horaires par section et par niveau et horaire de cours.

[
  {
    "name": "Informatique",
    "levels": [
      {
        "name": "Niveau 1 - Après-Midi",
        "icsLink": "/ics/informatiqueN1A.ics",
        "color": "#FF5733"
      },
      {
        "name": "Niveau 1 - Soir",
        "icsLink": "/ics/informatiqueN1S.ics",
        "color": "#AA4499"
      },
      {
        "name": "Niveau 2 - Soir",
        "icsLink": "/ics/informatiqueN2S.ics",
        "color": "#EE5130"
      }
    ...]

Le déploiement en production se fait sur un serveur EC2 AWS. les mises à jours du site sont automatiques via un webhook sur le repository GitHub.

• Add9