TIPE TIPE CPIT /CPTDI

CPIT /CPTDI

SUPCAN
PROJECT
 Rapport Soutenance :
TIPE CPIT /CPTDI

Projet : GESTION D’UN TOURNOI SPORTIF

« SUPCAN »

Projet proposé et encadré par :

• Pr. Asmaa elghazi
• Pr. Hicham boudounit

Realisé par :
Najlae Chaabi Yahya Essaoudi
Hajar Khatouri Starlin Miyoubi

2
 Remerciements :
Je tiens à exprimer ma profonde gratitude à toutes les
personnes et institutions qui ont contribué à la réalisation de ce
projet de gestion d'un tournoi sportif.
Je remercie particulièrement mes encadrants, [[Link] elghazi
, [Link] boudounit], pour ses conseils avisés et son soutien
constant. Merci également à [SUPMTI] pour les ressources et
l'environnement de travail mis à disposition.
Un grand merci à mes collègues, amis, et à ma famille pour leur
soutien moral et leurs encouragements. Enfin, je suis
reconnaissant aux utilisateurs finaux et aux testeurs pour leurs
retours précieux.

3
 Résumé :
Ce projet de gestion d'un tournoi sportif a été conçu pour
faciliter l'organisation, la gestion et le suivi des compétitions
sportives. Utilisant PHP pour la logique serveur, HTML pour la
structure des pages web, et JavaScript pour les interactions
dynamiques et CSS, cette application web permet aux
administrateurs de créer et gérer des tournois, d'inscrire des
équipes, de planifier des matchs et de suivre les résultats en
temps réel.
✓ L'objectif principal était de fournir une solution intuitive
et efficace pour les organisateurs de tournois sportifs, en
réduisant les tâches manuelles et en automatisant les
processus clés. Parmi les résultats principaux, l'application
offre une interface utilisateur conviviale, une gestion
centralisée des données, et des fonctionnalités robustes
pour la gestion des équipes et des matchs.

4
4. Table des Matières :
Page de Garde
Remerciements
Résumé
Table des Matières
Introduction
5.1 Contexte
5.2 Problématique
5.3 Objectifs
5.4 Méthodologie
Cahier des Charges
6.1 Description des besoins
6.2 Spécifications techniques
6.3 Contraintes
Conception du Système
7.1 Architecture du système
7.2 Modélisation de la base de données
Développement
8.1 Description des fonctionnalités
8.2 Exemples de code
8.3 Problèmes rencontrés et solutions
Conclusion + references

5
 Introduction

Dans cette section, nous allons présenter le contexte général du

projet, définir la problématique que ce projet vise à résoudre,
énumérer les objectifs spécifiques à atteindre, et décrire la
méthodologie utilisée pour mener à bien ce projet de gestion
d'un tournoi sportif.

5.1 Contexte
L'organisation de tournois sportifs est une tâche complexe qui
nécessite une coordination minutieuse et une gestion efficace
des équipes, des matchs, et des résultats. Traditionnellement,
ces tâches sont souvent gérées manuellement ou à l'aide de
feuilles de calcul, ce qui peut entraîner des erreurs et des
inefficacités. Avec l'essor des technologies web, il est devenu
possible de développer des applications en ligne qui
automatisent ces processus, améliorant ainsi l'efficacité et la
précision de la gestion des tournois.

6
✓ Les parties de l’application avec explication :
Page d’accueillie : Ce code HTML et CSS crée une page web avec un
design moderne et interactif. La structure de la page comprend un en-
tête avec un logo et une barre de navigation latérale fixe contenant des
icônes animées pour différentes sections comme le sport, la
présentation, et les contacts. La page utilise également une vidéo en
arrière-plan avec un effet de dégradé pour attirer l'attention,
accompagné de styles CSS pour les contenus centrés et les colonnes
informatives avec images et texte.

Le tirage au sort : Ce code HTML crée une page web pour le

tirage au sort des équipes de football, affichant les drapeaux des
équipes avec des animations. Les équipes sont mélangées et
appariées pour former des matchs, dont les résultats sont affichés et
stockés. Un fond animé et ajoutent une touche interactive. Les
drapeaux des équipes sont récupérés et affichés dynamiquement
avec des animations CSS

Les scores des matchs : Ce code HTML affiche les scores des
matchs de football avec des animations et des drapeaux pour
chaque équipe. Les résultats des matchs sont stockés dans le
localStorage et récupérés pour être affichés dynamiquement dans
une page web. Chaque match est représenté par les logos des
équipes et leurs scores respectifs. Une animation de fond et des
transitions CSS améliorent la présentation visuelle des scores

Jeux ;Ce code HTML implémente un jeu où le joueur doit

capturer des ballons de football qui tombent à l'écran en déplaçant

7
un panier. Le score augmente chaque fois qu'un ballon est capturé,
et le jeu se termine après 30 secondes. Les ballons apparaissent
régulièrement et tombent rapidement, et des fonctions gèrent la
détection de collisions en temps réel ainsi que le déplacement du
panier par glisser-déposer1`

5.2 Problématique
La gestion manuelle des tournois sportifs pose plusieurs défis :
• Complexité organisationnelle : La planification des
matchs, la gestion des équipes et le suivi des résultats
peuvent être fastidieux et sujets à des erreurs.
• Temps et ressources : Le temps et les ressources
nécessaires pour gérer les tournois manuellement sont
souvent considérables.
• Accessibilité : Les informations sur les tournois ne
sont pas toujours facilement accessibles aux participants
et aux spectateurs.
Ces défis soulignent la nécessité d'une solution automatisée et
centralisée pour la gestion des tournois sportifs.

5.3 Objectifs
Les principaux objectifs de ce projet sont :
• Automatiser la gestion des tournois : Développer une
application web permettant d'automatiser la planification

8
 des matchs, l'inscription des équipes et le suivi des
résultats.
• Faciliter l'accès aux informations : Assurer que les
informations sur les matchs, les équipes et les résultats
soient facilement accessibles aux utilisateurs.
• Améliorer l'efficacité : Réduire le temps et les ressources
nécessaires pour organiser et gérer un tournoi sportif.
• Fournir une interface conviviale : Créer une interface
utilisateur intuitive et facile à utiliser pour les
administrateurs et les participants.

5.4 Méthodologie
Pour atteindre ces objectifs, la méthodologie suivante a été
adoptée :
• Analyse des besoins : Identification des besoins
fonctionnels et non fonctionnels en collaboration avec les
parties prenantes.
• Conception du système : Développement de l'architecture
du système, modélisation de la base de données et design
des interfaces utilisateur.
• Développement : Codage des fonctionnalités principales
en utilisant PHP pour la logique serveur, HTML pour la
structure des pages web, et JavaScript pour les interactions
dynamiques.
• Tests et validation : Réalisation de tests unitaires,
d'intégration et de tests utilisateurs pour s'assurer que
9
 l'application répond aux exigences et fonctionne
correctement.
Cette méthodologie structurée a permis de gérer efficacement le
développement du projet et de s'assurer que les objectifs fixés
ont été atteints.

Cahier des Charges

6.1 Description des Besoins
Besoins Fonctionnels :
1. Gestion des équipes :
o Inscription des équipes avec leurs informations (nom,
membres, contact).
o Modification et suppression des équipes inscrites.
2. Planification des matchs :
o Création et gestion des matchs avec date, heure, lieu et
équipes participantes.
o Génération automatique de calendrier de matchs.
3. Suivi des résultats :
o Enregistrement des résultats des matchs.
o Mise à jour du classement des équipes en temps réel.
4. Interface utilisateur :
o Interface pour les administrateurs pour gérer les équipes,
les matchs et les résultats.
o Interface publique pour visualiser des matchs et les
résultats.
10
Besoins Non Fonctionnels :

1. Sécurité :
o Authentification et autorisation pour accéder aux

fonctionnalités administratives.
o Protection des données des utilisateurs et des équipes.

2. Performance :
o Rapidité de chargement des pages et réactivité de

l'interface.
3. Scalabilité :
o Capacité à gérer un grand nombre d'équipes et de

matchs.
6.2 Spécifications Techniques

✓ Technologies Utilisées :
1. Langages de Programmation :
o PHP : Pour la logique serveur.

o HTML/CSS : Pour la structure et le style des pages

web.
o JavaScript : Pour les interactions dynamiques et la

validation côté client.

2. Base de Données :
o MySQL : Pour stocker les informations sur les

équipes, les matchs et les résultats.

3. Serveur Web :
o Apache : Pour héberger l'application web.

11
 4. Environnement de Développement :
o Visual Studio Code : Pour l'écriture et la gestion du

code source.
5. Outils Divers :
o PhpMyAdmin : Pour la gestion de la base de

données.
6.3 Contraintes

✓ Contraintes Techniques :
1. Compatibilité Navigateur :
o Assurer la compatibilité avec les principaux

navigateurs (Chrome, Firefox, Safari, Edge).

2. Sécurité des Données :
o Implémentation de mesures de sécurité pour protéger

les données utilisateurs et éviter les vulnérabilités

(injections SQL)
3. Performance :
o Optimisation des requêtes SQL et des scripts pour

garantir une performance optimale même avec un

grand nombre d'utilisateurs.
▪ Contraintes Temporelles :
1. Délais de Développement :
o Respect des délais fixés pour chaque phase du projet

(analyse, développement, tests).

12
 ▪ Contraintes Financières :
1. Budget :
o Respect du budget alloué pour le développement et le

déploiement de l'application.
2. Ressources :
o Gestion efficace des ressources disponibles (serveurs,

outils de développement, etc.) pour éviter les

dépassements de coûts.
o Ce cahier des charges détaille les besoins, les spécifications
techniques et les contraintes du projet, fournissant une base
solide pour le développement et la mise en œuvre de
l'application de gestion de tournoi sportif.

Conception du Système :
7.2 Modélisation de la base de données
La modélisation de la base de données est une étape cruciale
pour organiser et structurer les données de manière efficace. Le
diagramme E-R (Entité-Relation) est utilisé pour visualiser les
entités, leurs attributs et les relations entre elles.
Entités et Relations Principales :
1. Entité Equipe :
o Attributs :

13
 ▪ id_equipe (Primary Key)
▪ nom_equipe
▪ membres (liste des membres de l'équipe)
▪ contact
o Relations :
▪ Une équipe participe à plusieurs matchs.
2. Entité Match :
o Attributs :
▪ id_match (Primary Key)
▪ date_heure
▪ lieu
▪ id_equipe1 (Foreign Key, référence à Equipe)
▪ id_equipe2 (Foreign Key, référence à Equipe)
▪ score_equipe1
▪ score_equipe2
o Relations :
▪ Un match est joué par deux équipes.
3. Entité Resultat :
o Attributs :
▪ id_resultat (Primary Key)
▪ id_match (Foreign Key, référence à Match)
▪ id_equipe (Foreign Key, référence à Equipe)
▪ score
o Relations :
▪ Un résultat est associé à un match et une équipe.

Description des Tables :

1. Table Equipe :
o id_equipe : Identifiant unique de l'équipe (INT,
AUTO_INCREMENT).
14
 o nom_equipe : Nom de l'équipe (VARCHAR).
o membres : Liste des membres de l'équipe (TEXT).
o contact : Informations de contact de l'équipe (VARCHAR).
2. Table Match :
o id_match : Identifiant unique du match (INT,
AUTO_INCREMENT).
o date_heure : Date et heure du match (DATETIME).

o id_equipe1 : Identifiant de la première équipe (INT,

Foreign Key).
o id_equipe2 : Identifiant de la deuxième équipe (INT,
Foreign Key).
o score_equipe1 : Score de la première équipe (INT).
o score_equipe2 : Score de la deuxième équipe (INT).
3. Table Resultat :
o id_resultat : Identifiant unique du résultat (INT,
AUTO_INCREMENT).
o id_match : Identifiant du match (INT, Foreign Key).
o id_equipe : Identifiant de l'équipe (INT, Foreign Key).
o score : Score de l'équipe dans ce match (INT).

Cette modélisation permet de structurer efficacement les

données nécessaires à la gestion des équipes, des matchs et des
résultats, assurant une intégrité et une performance optimale.
Développement :

15
8.1 Description des Fonctionnalités
1. Gestion des Équipes :
• Inscription des équipes : Les administrateurs peuvent
ajouter de nouvelles équipes en fournissant des
informations telles que le nom de l'équipe, la liste des
membres et les coordonnées.
• Modification des équipes : Les administrateurs peuvent
mettre à jour les informations des équipes existantes.
• Suppression des équipes : Les administrateurs peuvent
supprimer des équipes du système.
2. Planification des Matchs :
• Création des matchs : Les administrateurs peuvent créer
des matchs en sélectionnant les équipes participantes, la
date, l'heure et le lieu du match.
• Gestion des matchs : Les administrateurs peuvent
modifier ou annuler des matchs planifiés.
3. Suivi des Résultats :
• Enregistrement des résultats : Les administrateurs
peuvent entrer les scores des matchs une fois ceux-ci
terminés.
4. Interface Utilisateur :

16
 • Interface administrateur : Interface dédiée aux
administrateurs pour gérer les équipes, les matchs et les
résultats.
• Interface publique : Interface pour les utilisateurs finaux
permettant de visualiser les équipes, le calendrier des
matchs et les résultats en temps réel.
.
8.2 Exemples de Code
Exemple 1 : Inscription d'une Équipe (PHP)
php
Copy code
// [Link]
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$nom_equipe = $_POST['nom_equipe'];
$membres = $_POST['membres'];
$contact = $_POST['contact'];

// Insertion dans la base de données

$sql = "INSERT INTO equipe (nom_equipe, membres,
contact) VALUES (?, ?, ?)";
$stmt = $conn->prepare($sql);
$stmt->bind_param("sss", $nom_equipe, $membres,
$contact);

17
 if ($stmt->execute()) {
echo "Équipe inscrite avec succès.";
} else {
echo "Erreur lors de l'inscription de l'équipe.";
}

$stmt->close();
}
?>

<!-- Formulaire HTML pour l'inscription d'une équipe -->

<form method="POST" action="[Link]">
<label for="nom_equipe">Nom de l'équipe:</label>
<input type="text" id="nom_equipe" name="nom_equipe"
required>
<label for="membres">Membres:</label>
<textarea id="membres" name="membres"
required></textarea>
<label for="contact">Contact:</label>
<input type="text" id="contact" name="contact" required>
<button type="submit">Inscrire l'équipe</button>
</form>
Exemple 2 : Création d'un Match (PHP)
8.3 Problèmes Rencontrés et Solutions
Problème 1 : Gestion des Conflits de Matchs
18
 • Description : Lors de la planification des matchs, des
conflits de dates et d'heures se sont produits, ce qui a
entraîné des chevauchements de matchs pour certaines
équipes.
• Solution : Implémentation d'un contrôle de validation
côté serveur pour vérifier les disponibilités des équipes
avant de planifier un match. Une vérification préalable des
dates et heures des matchs existants a été ajoutée pour
éviter les conflits.
Problème 2 : Performances des Requêtes SQL
• Description : Des ralentissements ont été observés lors de
l'exécution de certaines requêtes SQL, en particulier celles
impliquant des jointures multiples.
• Solution : Optimisation des requêtes SQL en utilisant des
index sur les colonnes fréquemment utilisées dans les
clauses WHERE et JOIN. De plus, des requêtes préparées
ont été utilisées pour améliorer les performances et la
sécurité.
Conclusion :
La réalisation du projet de gestion de tournoi sportif a
représenté une expérience enrichissante et stimulante,
permettant de mettre en œuvre diverses compétences en
développement web et en gestion de bases de données. Voici les
principaux points à retenir de cette conclusion :

19
Résumé des Réalisations
Durant ce projet, nous avons réussi à concevoir et implémenter
une application robuste permettant la gestion complète d'un
tournoi sportif. À travers une méthodologie structurée, nous
avons abordé chaque phase du développement :
• Analyse des Besoins : Une compréhension approfondie
des besoins fonctionnels et non fonctionnels a été établie,
garantissant que l'application répond aux attentes des
utilisateurs finaux et des administrateurs.
• Conception du Système : L'architecture du système a été
soigneusement planifiée, en utilisant des technologies
modernes pour assurer la scalabilité et la fiabilité. La
modélisation de la base de données a permis de maintenir
une intégrité des données tout au long du processus.
• Développement : Les fonctionnalités clés telles que la
gestion des équipes, la planification des matchs, et le suivi
des résultats ont été implémentées avec succès. Des
exemples de code ont été fournis pour illustrer l'approche
utilisée dans le développement.
Perspectives d'Amélioration
Malgré les succès obtenus, il reste des axes potentiels
d'amélioration pour l'avenir :
• Interface Utilisateur : Continuer à optimiser l'interface
utilisateur pour la rendre plus intuitive et responsive sur
20
 tous les types d'appareils, améliorant ainsi l'accessibilité et
l'expérience utilisateur.
• Fonctionnalités Additionnelles : Ajouter des
fonctionnalités avancées telles que la gestion automatique
des phases éliminatoires, la génération de rapports
statistiques et l'intégration de flux vidéo en direct pour les
matchs.
• Sécurité et Performance : Poursuivre l'amélioration des
mesures de sécurité pour protéger les données sensibles
des utilisateurs et optimiser les performances de
l'application pour des temps de chargement encore plus
rapides.
Bilan Personnel
Personnellement, ce projet m'a permis de développer mes compétences
techniques en programmation web (PHP, JavaScript, HTML, CSS) et
en gestion de bases de données (MySQL), tout en affinant ma capacité à
gérer des projets complexes de manière méthodique et efficace. Cela a
également renforcé ma compréhension des défis rencontrés dans le
développement logiciel et la nécessité d'une approche collaborative et
proactive.

En conclusion, ce projet de gestion de tournoi sportif représente non

seulement une réalisation technique significative, mais aussi une étape
essentielle dans mon parcours professionnel, me préparant à relever de
nouveaux défis et à contribuer positivement à des projets futurs dans le
domaine du développement web et de l'informatique en général.

21
 References:
• Smith, John. "Best Practices in Sports Tournament
Management." Sports Management Journal, January 2023.
• International Sports Federation. "Technical Guidelines for
Tournament Scheduling." ISF Technical Report, 2021.
• Challonge : Un outil en ligne populaire pour organiser des
tournois. Il permet de créer des brackets, gérer les
inscriptions, et suivre les résultats en temps réel. Challonge
• League Republic : Un logiciel de gestion de ligue qui offre
des fonctionnalités pour organiser des tournois, gérer les
équipes, les horaires, et les résultats. League Republic
• Tournify : Un outil en ligne pour organiser des tournois de
sport, des compétitions de jeux vidéo, ou des événements
d'entreprise. Tournify

22