Est-ce que Flask est trop difficile pour un débutant en NSI ?

Absolument pas ! Flask est souvent recommandé comme première introduction au développement web backend justement parce qu'il est minimaliste. Si tu maîtrises les bases de Python (fonctions, boucles, structures de données), tu as toutes les clés pour démarrer. Le concept de routes est très intuitif.

Quelle est la différence entre Flask et Django ?

Django est un framework "batteries-included" : il fournit tout (admin, ORM, authentification) d'un coup, ce qui est puissant mais plus complexe à appréhender. Flask est un micro-framework : il ne fournit que l'essentiel (routage, templates). Tu ajoutes toi-même les fonctionnalités dont tu as besoin (base de données, formulaire) avec des extensions. Pour apprendre et comprendre les mécanismes sous-jacents, Flask est idéal.

Dois-je connaître le HTML/CSS/JavaScript avant de commencer Flask ?

Des connaissances basiques en HTML sont nécessaires pour créer tes templates. Pour le CSS et le JavaScript, tu peux commencer sans. Tu peux utiliser un framework CSS simple comme Bootstrap pour styliser ton site rapidement. Le JavaScript deviendra utile si tu veux ajouter de l'interactivité côté client (par exemple, rafraîchir une partie de la page sans la recharger entièrement).

Puis-je héberger mon projet Flask gratuitement pour le présenter à l'oral du Bac ?

Oui, c'est tout à fait possible et une excellente idée ! Des plateformes comme Render ou PythonAnywhere offrent des plans gratuits parfaitement adaptés à un projet de lycée. Cela montre une démarche professionnelle complète, du développement au déploiement.

Projet NSI : creer une application web avec Flask

Pourquoi Flask est le framework idéal pour ton projet NSI

Tu cherches un projet NSI qui allie programmation Python et développement web ? Flask est la solution parfaite. C'est un micro-framework léger, simple à prendre en main, mais incroyablement puissant. Contrairement à des frameworks plus complexes comme Django, Flask te permet de comprendre chaque brique de ton application, de la route HTTP au rendu de la page HTML. C'est un excellent moyen de voir la théorie des réseaux et de la programmation web (que tu étudies en NSI) prendre vie concrètement. En quelques lignes de code, tu crées un serveur web fonctionnel. C'est motivant et cela donne une dimension très professionnelle à ton portfolio de projets.

Mise en place de ton environnement de développement

Avant de coder, il faut préparer ton terrain de jeu. La bonne nouvelle, c'est que tout se fait avec des outils que tu connais probablement déjà.

Étape 1 : Installation de Python et création d'un environnement virtuel

Assure-toi d'avoir Python 3.7 ou une version plus récente installée. Ensuite, ouvre ton terminal (ou invite de commandes) et crée un nouveau dossier pour ton projet. À l'intérieur, crée un environnement virtuel. C'est une bonne pratique qui isole les bibliothèques de ton projet pour éviter les conflits.

# Sur macOS/Linux
python3 -m venv venv
source venv/bin/activate

# Sur Windows
python -m venv venv
venv\Scripts\activate

Étape 2 : Installation de Flask

Une fois ton environnement virtuel activé (tu devrais voir (venv) devant ton prompt de commande), installe Flask via pip, le gestionnaire de paquets de Python.

pip install flask

Tu es maintenant prêt à coder !

Ta première application Flask : "Hello World !"

Crée un fichier nommé app.py à la racine de ton dossier de projet. C'est le point d'entrée de ton application. Colle le code minimal suivant :

from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return 'Bonjour le monde !
Ma première app Flask pour la NSI.'

if __name__ == '__main__':
    app.run(debug=True)

Explications ligne par ligne :

Ligne 1 : On importe la classe Flask depuis le module flask.
Ligne 3 : On crée une instance de l'application. __name__ est une variable spéciale de Python qui aide Flask à trouver tes fichiers.
Ligne 5-7 : Le cœur du système : le décorateur de route. @app.route('/') associe l'URL racine ("/") à la fonction home(). Quand un utilisateur visite cette URL, Flask exécute cette fonction et renvoie son résultat au navigateur.
Ligne 9-10 : Ce bloc permet de lancer le serveur de développement uniquement si le script est exécuté directement (et non importé). Le paramètre debug=True active le mode débogage, très utile pendant le développement.

Pour lancer ton serveur, exécute dans ton terminal :

python app.py

Ouvre ton navigateur et rends-toi à l'adresse http://127.0.0.1:5000. Félicitations, ton application web tourne !

Structurer une vraie application : Routes, Templates et Données

Écrire du HTML directement dans tes fonctions Python n'est pas une bonne pratique. Flask utilise un moteur de templates appelé Jinja2 pour séparer la logique (Python) de la présentation (HTML).

Utiliser les templates HTML

Crée un dossier nommé templates à côté de ton fichier app.py. À l'intérieur, crée un fichier index.html :

<!DOCTYPE html>
<html>
<head>
    <title>Mon Projet NSI</title>
</head>
<body>
    <h1>Bienvenue {{ prenom }} !</h1>
    <p>Ceci est mon projet web pour la spécialité NSI.</p>
    <ul>
        {% for projet in mes_projets %}
        <li>{{ projet }}</li>
        {% endfor %}
    </ul>
</body>
</html>

Tu remarques la syntaxe {{ ... }} pour afficher des variables et {% ... %} pour des instructions de contrôle comme les boucles. Maintenant, modifie ta fonction home() dans app.py :

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
    données = {
        'prenom': 'Léa',
        'mes_projets': ['Calculateur NSI', 'Jeu du pendu', 'Générateur de citations']
    }
    return render_template('index.html', **données)

@app.route('/projet/<int:id_projet>')
def voir_projet(id_projet):
    return f'Détails du projet numéro {id_projet}'

if __name__ == '__main__':
    app.run(debug=True)

La fonction render_template() charge le fichier HTML et y injecte les variables. La seconde route montre comment créer des URLs dynamiques avec des paramètres (ici, <int:id_projet>).

Gérer les formulaires et les données

Pour récupérer des données utilisateur (comme un formulaire de contact), tu auras besoin de la requête HTTP. Flask fournit l'objet request pour cela. Tu peux aussi connecter ton application à une base de données simple comme SQLite (incluse avec Python) pour un projet plus avancé.

Idées de projets NSI avec Flask

Voici quelques idées pour pousser plus loin ton application et en faire un projet NSI complet et impressionnant :

Blog personnel ou carnet de labo NSI : Une application où tu peux publier des articles sur tes découvertes en informatique. Gère les articles dans une base de données SQLite.
Quiz interactif sur la programmation : Un site qui pose des questions sur Python, les algorithmes ou l'architecture des ordinateurs. Stocke les scores des joueurs.
Générateur de citations aléatoires : Une page qui affiche une citation différente à chaque rafraîchissement. Tu peux lier cela à une API externe pour plus de fun.
To-do list collaborative : Une liste de tâches simple où plusieurs utilisateurs peuvent ajouter ou cocher des éléments (une introduction aux concepts de sessions et d'état).
Calculateur d'algorithmes : Une interface web pour exécuter et visualiser des algorithmes étudiés en NSI (tri, recherche, parcours de graphes).

Chacun de ces projets te permettra d'aborder des notions clés du programme : structures de données, interaction client-serveur, gestion de bases de données et algorithmique.

Prochaines étapes et déploiement

Une fois ton application fonctionnelle localement, tu auras sans doute envie de la montrer au monde ! Le déploiement consiste à l'installer sur un serveur accessible sur Internet. Pour un projet scolaire, des plateformes gratuites comme Render, PythonAnywhere ou Heroku (avec une configuration adaptée) sont parfaites. Elles te permettent de déployer ton code directement depuis ton dépôt GitHub. C'est l'occasion d'apprendre les bases de Git, un outil de gestion de versions essentiel pour tout développeur.

N'oublie pas de bien documenter ton code avec des commentaires et de créer un fichier README.md expliquant comment installer et lancer ton projet. C'est une compétence très valorisée. Bonne chance pour ton projet NSI avec Flask !