cot2html

Ce projet, nommé cot2html, est conçu pour convertir des fichiers de compétition d'escrime au format .cotcot en pages HTML. Sur Le logiciel BellePoule vous pouvez ajouter l'adresse FTP du dossier "cotcot" de votre serveur web dans l'onglet "Publication". Il mettra automatiquement en ligne sur votre site Web les résultats rentré sur le logiciel Bellpoule

Prerequisites: PHP 7.0 or higher, a web server with SSL support, and .cotcot files in the cotcot directory.

description succincte de ses fonctionnalités :

• Conversion de fichiers de compétition : Le projet permet de convertir des fichiers .cotcot en pages HTML, facilitant ainsi la visualisation des résultats de compétitions d'escrime sur votre site internet.
• Affichage des résultats : Les utilisateurs peuvent voir les résultats des compétitions sous forme de tableaux, de classements et de listes de participants.
• Navigation intuitive : Le projet propose une interface utilisateur avec des onglets et des menus déroulants pour naviguer facilement entre les différentes sections (poules, tableaux, classements).
• Support des drapeaux : Les drapeaux des pays des participants sont affichés à côté de leurs noms, améliorant ainsi la lisibilité et l'identification des tireurs.
• Compatibilité mobile : L'interface est responsive, ce qui signifie qu'elle s'adapte aux différentes tailles d'écran, y compris les appareils mobiles android et IOS.

Pour plus de détails, vous pouvez consulter les fichiers suivants :

• functions.php : Contient les fonctions principales pour la gestion des compétitions.
• my6.php : Gère l'affichage des tableaux et des classements.
• selcot.php : Permet la sélection des fichiers .cotcot à convertir.
• selcotpage.php : Génère la page de sélection des compétitions.

A propos des champs de l'URL "http://127.0.0.1/dist/index.php?file=cotcot%2Ftst2.cotcot&item=poudet&tabStart=256&tabEnd=16&zoom=0.6&scroll=1"

file=cotcot%2Ftst2.cotcot (Sélectionne un cotcot, dans cet exemple cotcot/tst2.cotcot)

item=lst (liste d'inscription)

item =pou (poules vue simple)

item =poudet (poules vue complète)

item =clapou (plus que le classement des poules. Une vue listing utile avant, durant et après les poules, avec heures et pistes). Note que le contenu exact change selon l'avancement des phases dans le cotcot. Donne aussi un classement dynamique durant la phase de poule.

item =tab (la vue du tableau, réglable avec tabStart et tabEnd (en puissance de 2: 256,128,64,32)

item =clatab (plus que le classement final, une vue qui liste le déroulement du tableau, avec heures et pistes et classement). Note que le contenu exact change selon l'avancement des phases dans le cotcot.

zoom une variable qui influence la tailles des éléments du CSS

scroll=1 (active le scrolling et le reload automatique de la page

ABC=1 force un ordre alphabétique dans la vue classement des poules (item=clapou)

Un click de souris dans la barre de titre donne accès à un mini GUI, avec un curseur pour gérer le niveau de zoom, et une navigation vers les autres vue. C'est utile pour piloter les pages sans un clavier.

A implementer plus tard dans une prochaine version :

Gestion des bannières sur la page d'accueil

Les bannières sont stockées dans le dossier banner/ à la racine du site et sont gérées de manière responsive.

Format des fichiers

• Les fichiers doivent être au format PNG
• Nomenclature : banner_[largeur].png Exemple : banner_1920.png

Résolutions supportées

• 1920px : banner_1920.png
• 1440px : banner_1440.png
• 1024px : banner_1024.png
• 768px : banner_768.png
• 480px : banner_480.png
• 320px : banner_320.png

Version 2.0.0 (2024)

SÉCURITÉ

• Ajout du support HTTPS avec redirection automatique
• Ajout des headers de sécurité HSTS
• Mise à jour des URLs pour être protocole-agnostiques
• Protection contre les attaques XSS dans les formulaires

INTERFACE

• Nouvelle barre d'outils responsive avec icônes FontAwesome
• Ajout d'une interface de sélection des compétitions modernisée
• Support dynamique d'une image de bannière (banniere.png)
• Amélioration du design responsive pour mobiles et tablettes

FONCTIONNALITÉS

• Ajout d'un classement général accessible depuis la barre d'outils
• Le classement général affiche maintenant :
  • Place
  • Nation (avec drapeau)
  • Nom complet du tireur
  • Club
  • Département
  • Région
• Navigation par onglets dans les tableaux d'élimination
• Redirection automatique vers la liste des tireurs après sélection d'une compétition
• Meilleure gestion des erreurs et des cas limites
• recherche par nom de tireur et affichage automatique de la page / ligne lors du rechargement

PERFORMANCES

• Optimisation du chargement des ressources
• Amélioration du temps de réponse des tableaux
• Mise en cache optimisée des données

CORRECTIONS

• Correction de l'affichage des drapeaux dans les classements
• Amélioration de la gestion des caractères spéciaux
• Correction des problèmes d'affichage sur Internet Explorer
• Correction des problèmes de tri dans les classements

TECHNIQUE

• Refactorisation du code pour une meilleure maintenabilité
• Amélioration de la structure des fichiers
• Standardisation des noms de variables et des commentaires
• Migration vers des URLs relatives pour supporter HTTPS
• compatibilité avec webkit pour IOS apple

Note: Cette version nécessite PHP 7.0 ou supérieur et un serveur web avec support SSL pour activer HTTPS.

Version 2.0.1 (2024)

INTERFACE

• Ajout d'un bouton de rafraîchissement flottant rouge avec animation
• Le bouton est centré en bas de chaque page (sauf menu principal)
• Animation de rotation pendant le rafraîchissement
• Correction majeure de l'affichage des tableaux éliminatoires :
  • Meilleure gestion de l'espace d'affichage
  • Correction des problèmes de superposition des lignes
  • Amélioration de la lisibilité des noms des tireurs
  • Correction de l'alignement des scores
  • Support correct des grands tableaux (256+)

Journal des modifications

Version 2.0.2 (2025)

Interface utilisateur

• Ajout d'une barre d'outils fixe en haut de l'écran
• Ajout d'un bandeau d'informations sur la compétition
• Ajout d'un bouton de rafraîchissement en bas a gauche
• Implémentation d'onglets pour la navigation entre les tableaux

Responsive Design

• Optimisation de l'affichage pour les appareils mobiles
• Support spécifique pour les modes portrait et paysage
• Ajustement automatique des tailles de texte et espacements
• Meilleure gestion de l'espace sur petits écrans

Fonctionnalités

• Défilement automatique du bandeau d'informations quand le contenu dépasse
• Animation du bouton de rafraîchissement
• Sauvegarde du niveau de zoom entre les pages
• Meilleure gestion des URLs relatives

Corrections et améliorations

• Correction de la superposition du bandeau d'information en mode portrait
• Optimisation des performances sur mobile
• Amélioration de la lisibilité des tableaux sur petit écran
• Correction des marges et espacements pour éviter les chevauchements

Accessibilité

• Amélioration du contraste des couleurs
• Ajout d'icônes pour une meilleure compréhension
• Textes redimensionnables
• Support tactile optimisé

Navigation

• Nouveau menu de navigation principal
• Accès rapide aux différentes sections
• Indication visuelle de la page active
• Retour facile à la page d'accueil
• ajout d'un menu déroulant pour l'affichage optimisé des tableaux éliminatoires

Optimisations techniques

• Refactorisation du code CSS
• Organisation en variables CSS pour une maintenance facilitée
• Amélioration de la gestion des événements JavaScript
• Support du mode sombre du système

Comportement responsive

• Le système sélectionne automatiquement la bannière appropriée selon la largeur de l'écran
• La hauteur est automatiquement ajustée à 10% de la hauteur de la fenêtre
• Sur mobile, la hauteur est réduite à 8% (écrans < 768px) et 6% (écrans < 480px)
• Si une taille spécifique n'est pas trouvée, le système utilisera la première bannière disponible