Presentation for a mini-project about a web application for football statistics

1. Présenté par :
➢ NABIL ANASS
➢ Nassim Aït Dihim
➢ TALLOUK SAID
Université Sultan Moulay Slimane
École Supérieure de technologie – Fkih Ben Salah
LP BIG DATA
Année universitaire : 2023-2024
Football Statistics / Web Application
Encadré par :
➢ Prof. REGRAGUI Youness

2. 2
Plan
Introduction
Contexte Générale du projet
Modélisation du projet
Architecture Technique
Environnement logiciel
Comment on a récupéré les données ?
Perspectives
Démonstration

3. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 3
Introduction
Au cours de notre projet, nous avons entrepris le développement d'une
application de statistiques de football en utilisant Django et MongoDB.
Cette présentation vous offrira un aperçu du processus de création, des
technologies que nous avons employées, et des résultats que nous avons
obtenus.

4. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 4
Contexte Générale du projet
• Consulter les Profils des Joueurs :
Les visiteurs peuvent explorer les profils
détaillés des joueurs, y compris leurs scores,
performances individuelles et détails
personnels.
• Consulter les Matches :
Les informations sur les matches sont
accessibles aux visiteurs, leur permettant de
suivre les résultats et les scores.
Voici un aperçu des principales fonctionnalités accessibles aux visiteurs :

5. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 5
Contexte Générale du projet
• Consulter la Table des Points :
Les visiteurs ont accès à la table des points,
offrant une vue d'ensemble des
performances des équipes et de leur
classement.
• Consulter les Nouvelles :
Les dernières nouvelles et mises à jour liées
au monde du football sont disponibles pour
les visiteurs, assurant qu'ils restent informés
des événements récents.

6. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 6
Modélisation du projet
Diagramme de contexte

7. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 7
Modélisation du projet
Diagramme de cas d’utilisation

8. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 8
Architecture Technique
L'architecture MVT (Modèle-Vue-Template) de Django guide notre application de
statistiques de football. Le modèle gère les données dans MongoDB, la vue assure la
logique métier et la présentation des données, tandis que le template structure l'interface
utilisateur. l'URL garantit le traitement efficace des requêtes.

9. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 9
Environnement logiciel
• Framework
Django est un framework web open-source en Python, favorisant le
développement rapide d'applications web robustes avec une architecture
basée sur le modèle MTV.

10. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 10
Environnement logiciel
• Base de données
MongoDB est une base de données NoSQL open-source, orientée document, qui
stocke les données sous forme de documents JSON flexibles plutôt que dans des tables
relationnelles.

11. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 11
Environnement logiciel
• Technologies utilisées pour la mise en forme
HTML (HyperText Markup Language) est utilisé pour structurer le contenu web, CSS
(Cascading Style Sheets) pour la mise en forme visuelle, JavaScript pour l'interaction
dynamique, et Bootstrap est un framework CSS/JS facilitant le développement
d'interfaces web réactives et esthétiques.

12. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 12
Environnement logiciel
• Langage utilisée coté backend
Python est un langage de programmation polyvalent et haut niveau, apprécié pour sa
lisibilité et utilisé dans divers domaines tels que le développement web, l'analyse de
données et l'intelligence artificielle.

13. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 13
Environnement logiciel
• Gestion du projet
Trello est une application de gestion de projet en ligne qui utilise des
tableaux, des listes et des cartes pour organiser les tâches et collaborer en
équipe de manière visuelle et intuitive.

14. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 14
Gestion du projet

15. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 15
Comment on a récupéré les données ?
• Le web scraping, également connu sous le nom de data scraping, est le processus d'extraction et de
collecte de données sur Internet ou des sites Web. Les données récupérées peuvent être enregistrées sur
un système local ou peuvent être utilisées pour l'analyse des données.
• Une fois les données extraites et stockées, elles peuvent être utilisées de plusieurs manières. Par
exemple, pour trouver des informations de contact ou comparer des prix sur différents sites web.

16. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 16
Outils de Web Scraping
• Beautiful Soup : Une bibliothèque Python
qui facilite l'extraction d'informations à partir
de fichiers HTML et XML. Elle est souvent
utilisée conjointement avec la bibliothèque
requests pour effectuer des requêtes HTTP.
• Requests : Bien que principalement une
bibliothèque Python pour effectuer des
requêtes HTTP. Elle permet de réaliser
facilement des opérations telles que l'envoi de
requêtes GET et POST, la manipulation des
réponses, et la personnalisation des en-têtes.

17. • Démonstration :
1. Processus De
l’extraction des
données
2. L’application Web
17

18. 05/01/2024 Ecole Supérieure de Technologie Fkih Ben Salah 18
Perspectives
Face à la nécessité de lancer manuellement le script de scraping, une perspective
prometteuse émerge avec l'automatisation. Grâce à des déclencheurs automatisés, notre
objectif est de rendre le lancement du script automatisé, simplifiant ainsi les mises à jour
de base de données pour une efficacité accrue. Cette approche offre une nouvelle
dynamique, transformant la gestion des données en un processus fluide et automatisé. Par
exemple l’utilisation de bibliothèque django-crontab.

19. Merci de
votre
attention