Projet transversal: Développement d’une application Objet à l’aide du langage Python ou du langage C++
Date de début : 12-03-2024
Date de fin : 16-04-2024
Compétences associées
Lors de ce projet, nous avons été chargés de concevoir un site web pour une entreprise fictive ayant besoin d'un site vitrine destiné à ses clients. L'objectif principal était de produire une solution adaptée à leurs besoins, en mettant en avant leur identité visuelle et leurs services tout en garantissant une navigation fluide et intuitive.
Pour mener à bien ce projet, nous avons utilisé le langage Python en nous appuyant sur la bibliothèque Flask, un micro-framework léger mais puissant. Flask nous a permis de structurer facilement notre application en intégrant directement du HTML et du CSS dans des templates dynamiques. Grâce à cette approche, nous avons pu générer des pages web de manière dynamique et personnalisée selon les données ou les interactions utilisateur.
Nous avons appliqué le développement orienté objet (OOP) dans notre solution. Cette méthode a permis de structurer le code de manière modulaire et réutilisable. Par exemple :
Nous avons créé des classes pour modéliser les différentes entités de l’entreprise, comme les services, les produits, ou encore les utilisateurs (pour une éventuelle gestion de compte).
Chaque classe contenait des méthodes spécifiques facilitant la gestion des données, comme l'affichage des informations, leur modification, ou leur suppression.
L'approche OOP a également rendu notre code plus robuste et évolutif, permettant de répondre facilement à des demandes de nouvelles fonctionnalités ou à des modifications du client fictif.
Enfin, pour la partie visuelle, nous avons utilisé HTML, CSS, et JavaScript, tout en exploitant des bibliothèques CSS comme Bootstrap pour gagner du temps et garantir un design professionnel. Ces outils ont permis de créer un site responsive, s’adaptant aux écrans d'ordinateurs comme aux smartphones.
Dans le cadre de ce projet, nous avons travaillé en groupe de quatre personnes, ce qui nous a permis de mettre en pratique des méthodes de collaboration efficaces et adaptées à un travail d'équipe. Pour organiser nos efforts et assurer une coordination fluide, nous avons adopté plusieurs outils et méthodologies :
Organisation et gestion des tâches avec Trello :
Nous avons décidé d'utiliser Trello, une plateforme de gestion de projets en ligne, pour répartir les tâches et suivre l'avancement du projet. Cet outil, choisi pour sa simplicité d’utilisation et parce qu’il est gratuit, nous a permis de :
Créer des tableaux représentant les différentes étapes du projet (par exemple, À faire, En cours, Terminé).
Attribuer des tâches spécifiques à chaque membre de l'équipe en fonction de ses compétences.
Visualiser rapidement l’état d’avancement global, ce qui nous a aidés à respecter les délais fixés.
Collaboration en temps réel avec VS Code Live Share :
Nous avons également utilisé l'extension Live Share sur Visual Studio Code pour coder simultanément sur le même projet. Cette extension nous a offert plusieurs avantages :
Chaque membre pouvait partager son environnement de travail via un lien sécurisé.
Tous les participants ayant ce lien pouvaient rejoindre une session collaborative et travailler sur le même fichier en temps réel.
L’outil prenait en charge des fonctionnalités pratiques comme l’indication des curseurs de chaque utilisateur et des commentaires en direct, ce qui a considérablement amélioré notre productivité.
Gestion des versions et des sauvegardes avec GitHub :
Pour assurer une sauvegarde fiable de notre travail et gérer les différentes versions du code, nous avons utilisé GitHub. Grâce à cet outil, nous avons :
Stocké notre code dans un dépôt centralisé.
Utilisé des branches pour développer des fonctionnalités spécifiques sans interférer avec le code principal.
Géré les conflits potentiels en cas de modifications simultanées grâce à un système de pull requests.
Maintenu un historique détaillé des modifications, facilitant ainsi la résolution des éventuels problèmes.
Pour répondre aux besoins spécifiques de cette entreprise fictive, nous avons veillé à documenter rigoureusement l’ensemble de nos avancées et à fournir des outils permettant une utilisation fluide du projet. Voici comment nous avons structuré cette partie cruciale de notre travail :
Suivi des avancées dans un document Word :
Tout au long du projet, nous avons créé et maintenu un document Word regroupant l’intégralité de nos progrès. Ce document servait de journal de bord, dans lequel nous avons consigné :
Les étapes clés du projet, de la conception initiale à la livraison finale.
Les décisions importantes prises en équipe, comme le choix des technologies ou des fonctionnalités.
Les éventuels problèmes rencontrés et les solutions apportées.
Ce suivi détaillé a permis de conserver une trace écrite des efforts collectifs, ce qui s’est avéré utile lors des bilans intermédiaires et pour justifier nos choix techniques.
Guide de prise en main du projet :
Afin de garantir que l’entreprise puisse utiliser notre site web sans difficulté, nous avons rédigé un guide de prise en main. Ce guide incluait :
Les étapes pour installer le projet, y compris les prérequis logiciels (Python, Flask, extensions nécessaires).
Une explication claire sur la façon de lancer l’application, de configurer les paramètres, et d’utiliser les fonctionnalités principales.
Une section dédiée aux utilisateurs non techniques, leur permettant de naviguer sur le site et de modifier les contenus de base facilement.
Documentation technique détaillée :
Pour répondre aux éventuels besoins de maintenance ou de résolution de problèmes, nous avons rédigé une documentation technique complète. Cette documentation décrivait :
L’architecture globale du projet, incluant la structure des fichiers et des dossiers.
Les principales fonctionnalités, avec des explications sur leur fonctionnement et leur implémentation dans le code.
Des commentaires approfondis sur les sections complexes du code, pour faciliter la compréhension et l’intervention d’autres développeurs à l’avenir.
Un guide de dépannage, listant les erreurs courantes et les étapes pour les corriger.
Dans le cadre de ce projet, j'ai appris à utiliser la bibliothèque Flask, un micro-framework Python dédié au développement web. Mon apprentissage s'est principalement basé sur l'exploration de la documentation officielle de Flask, qui m'a permis de découvrir les nombreuses fonctionnalités offertes par cet outil.
Grâce à Flask, j'ai pu coder un site web intelligent, c'est-à-dire un site capable de s'adapter dynamiquement aux données et aux interactions des utilisateurs. Cette expérience m'a permis d'acquérir une compréhension approfondie des concepts suivants :
Création de routes dynamiques : J'ai appris à gérer les différentes pages de mon site web via des routes Python, ce qui m'a permis de connecter le back-end (Python) au front-end (HTML).
Utilisation des templates : En exploitant le moteur de templates Jinja2 intégré à Flask, j'ai pu générer des pages HTML dynamiques, en incorporant des variables et des boucles directement dans le code HTML.
Gestion des formulaires et des données utilisateur : J'ai découvert comment recevoir, traiter et valider des données saisies par les utilisateurs via des formulaires web.
Modularité et extensibilité : Flask étant léger et modulaire, il m'a permis d'ajouter des fonctionnalités spécifiques selon les besoins, comme l'intégration de bases de données ou la gestion des sessions utilisateur.
Au-delà de l'apprentissage de Flask, ce projet m'a également aidé à enrichir mes connaissances en langages de programmation. En combinant Python avec des technologies web comme HTML, CSS, et parfois JavaScript, j'ai pu renforcer ma compréhension des interactions entre le front-end et le back-end.