Prog-Maker

Programme de la Semaine - Planning Visuel

Description

Application web permettant de créer et exporter un planning hebdomadaire visuel pour streamer. L’outil permet de planifier des sessions de jeux par jour avec des horaires spécifiques, puis d’exporter le résultat en image PNG pour partage sur les réseaux sociaux.

Fonctionnalités

• Interface de planification : Affichage visuel des 7 jours de la semaine
• Sélection multiple : Ajout de créneaux sur plusieurs jours simultanément
• Catalogue de jeux : Liste prédéfinie de jeux populaires avec code couleur
• Recherche auto-complétée : Datalist HTML5 pour sélection rapide des jeux
• Horaires personnalisables : Définition d’heures de début et de fin
• Export PNG : Génération d’une image 1365×768px avec le planning complet
• Aperçu en temps réel : Visualisation immédiate des changements

Technologies utilisées

• HTML5 Canvas (pour l’export d’image)
• CSS3 (positionnement absolu, gradients)
• JavaScript vanilla
• API Canvas 2D

Structure du projet

planning-semaine/
├── programme_semaine_index.html    # Application complète (standalone)
└── Background.png                  # Image de fond du planning (non incluse)

Installation

1. Cloner le repository :

   git clone https://github.com/Lelio88/planning-semaine.git
   cd planning-semaine
   

2. Ajouter l’image de fond Background.png (1365×768px) dans le dossier

3. Ouvrir programme_semaine_index.html dans un navigateur

Utilisation

1. Sélectionner un ou plusieurs jours de la semaine
2. Définir les horaires de début et de fin
3. Choisir un jeu dans la liste déroulante
4. Cliquer sur “Ajouter” pour placer le créneau
5. Répéter pour tous les créneaux souhaités
6. Cliquer sur “Télécharger l’image finale” pour exporter le planning en PNG

Personnalisation

Pour ajouter des jeux, modifier le tableau games dans le code :

{name: 'Nom du jeu', color: '#HEXCODE', path: 'logo.png'}

Les couleurs actuelles servent de placeholder pour les logos de jeux.

Dimensions

• Zone de planning : 1365×768 pixels (format standard pour overlays streaming)
• Colonnes : 7 jours répartis équitablement
• Export : PNG haute qualité

---

Outil de création de planning hebdomadaire pour streamers