Tu vas apprendre à créer ton propre serveur web avec...
Cours NSI : Introduction au modèle Client-Serveur





Installation et premier serveur Flask
Créer un serveur web avec Flask, c'est plus simple que tu ne le penses ! Tu vas juste installer le module Flask dans Thonny, puis écrire quelques lignes de code pour faire tourner ton premier serveur.
Le principe de base : tu crées des routes (comme des adresses) que les utilisateurs peuvent visiter. Chaque route correspond à une fonction Python qui renvoie ce que l'utilisateur va voir sur sa page.
Une fois ton code lancé, ton serveur tournera sur http://127.0.0.1:5000/. Cette adresse locale te permet de tester ton site directement sur ton ordinateur avant de le mettre en ligne.
💡 Astuce : Le décorateur
@app.route('/')indique que la fonction suivante gère la page d'accueil de ton site.

Pages HTML et templates
Écrire du HTML directement dans ton code Python, c'est vraiment pas pratique ! Flask te permet d'utiliser des templates - des fichiers HTML séparés que tu stockes dans un dossier spécial.
Tu crées un dossier "templates", tu y mets tes fichiers HTML, puis tu utilises render_template() pour les afficher. C'est beaucoup plus propre et organisé !
Le truc vraiment cool : tu peux passer des variables Python directement dans tes pages HTML. Par exemple, tu peux générer un nombre aléatoire côté serveur et l'afficher sur ta page avec {{nb}}.
⚡ Important : Tout ce qui est entre
{{ }}dans ton HTML sera remplacé par les valeurs que tu passes depuis Python.

Requêtes POST et GET
Les requêtes GET et POST sont les deux façons principales d'envoyer des données sur le web. GET met les données dans l'URL (tu le vois avec Google), POST les cache dans la requête.
Pour un formulaire, POST est généralement plus sûr car les données n'apparaissent pas dans l'adresse. Tu peux récupérer ces données avec request.form côté serveur.
Le principe : l'utilisateur remplit ton formulaire, clique sur "Submit", et ton serveur reçoit toutes les données pour les traiter. Tu peux ensuite afficher une page de confirmation ou faire ce que tu veux avec ces infos.
🔒 Sécurité : Utilise toujours POST pour les données sensibles (mots de passe, infos personnelles) car elles ne sont pas visibles dans l'URL.

Traitement des données de formulaire
Une fois que ton utilisateur a envoyé ses données, tu peux les récupérer facilement avec form_data = request.form. C'est comme un dictionnaire Python où chaque clé correspond au nom des champs de ton formulaire.
Pour afficher ces données, tu utilises une boucle Jinja2 dans ton template HTML : {% for key, value in form_data.items() %}. Ça te permet de parcourir toutes les données reçues automatiquement.
Cette technique est super utile pour créer des sites interactifs : formulaires de contact, sondages, inscriptions... Tu maîtrises maintenant les bases du développement web !
🎯 À retenir : Le nom de tes champs HTML (
name="Nom") doit correspondre exactement à ce que tu utilises dans ton code Python.
Si on te demande...
Qu'est-ce que le compagnon IA de Knowunity ?
Notre compagnon IA est spécialement conçu pour répondre aux besoins des étudiants. Sur la base des millions d'éléments de contenu que nous avons sur la plateforme, nous pouvons fournir des réponses vraiment significatives et pertinentes aux étudiants. Mais il ne s'agit pas seulement de réponses, le compagnon a encore plus pour but de guider les élèves dans leurs défis d'apprentissage quotidiens, avec des plans d'étude personnalisés, des quiz ou des éléments de contenu dans le chat et une personnalisation à 100% basée sur les compétences et les développements de l'étudiant.
Où puis-je télécharger l'appli Knowunity ?
Tu peux télécharger l'application dans Google Play Store et dans l'App Store d'Apple.
L'application est-elle vraiment gratuite ?
Oui, tu as un accès entièrement gratuit à tous les contenus de l'appli, tu peux chatter ou suivre les créateurs à tout moment. De plus, nous proposons Knowunity Premium, qui te permet de réviser sans limites!
Contenus les plus populaires en SI
9Équations RC et Condensateurs
Explorez les concepts clés des dipôles RC, y compris les formules essentielles, le chargement et le déchargement des condensateurs dans une résistance, ainsi que les équations différentielles associées. Ce résumé est idéal pour les étudiants en physique cherchant à maîtriser ces notions fondamentales.
Arbres Binaires Essentiels
Découvrez les concepts clés des arbres binaires, y compris la taille, la profondeur, et les parcours (préfixe, infixe, suffixe). Ce résumé est idéal pour préparer le bac de NSI et comprend des définitions et des exemples pratiques.
Réseaux et Protocoles TCP/IP
Explorez les fondamentaux des réseaux informatiques, y compris les adresses IP, les protocoles TCP/IP, et les différentes topologies de réseau. Ce résumé couvre les concepts clés tels que le modèle OSI, l'encapsulation de paquets, et les types de réseaux comme Ethernet et Wi-Fi. Idéal pour les étudiants en informatique cherchant à comprendre la communication réseau.
Commandes SQL Essentielles
Explorez les commandes fondamentales du langage SQL, y compris INSERT, DELETE, UPDATE, et SELECT. Ce résumé couvre également les contraintes de domaine, de relation et de référence, ainsi que les opérations de tri et de jointure. Idéal pour les étudiants préparant le bac en NSI.
Chaînes d'Information et d'Énergie
Explorez les concepts fondamentaux des chaînes d'information et d'énergie en technologie. Cette fiche présente les étapes d'acquisition, de traitement et de communication des informations, ainsi que les conversions d'énergie nécessaires pour alimenter et transmettre des actions. Idéal pour les étudiants en technologie cherchant à comprendre les systèmes techniques.
Dictionnaires en Python
Explorez les concepts fondamentaux des dictionnaires en Python, y compris la création, la modification, et l'accès aux éléments. Ce document présente des exemples pratiques et des méthodes clés comme 'items()', 'keys()', et 'values()'. Type de contenu : fiche de révisions.
Dictionnaires en Python
Explorez les fondamentaux des dictionnaires en Python, y compris leur définition, création, accès aux valeurs, et méthodes essentielles comme keys(), values(), et get(). Ce résumé pratique vous guide à travers l'ajout, la modification et la suppression d'éléments dans un dictionnaire. Type de contenu : résumé.
Graphes et Arbres Binaires
Explorez les concepts fondamentaux des graphes et des arbres binaires, y compris les types de graphes, les matrices et listes d'adjacences, ainsi que les différentes méthodes de parcours d'arbres. Ce document est essentiel pour comprendre les structures de données en NSI.
Listes, Tuples et Dictionnaires
Découvrez les fondamentaux des listes, tuples et dictionnaires en Python. Ce document couvre les bases, les méthodes et les fonctions essentielles pour manipuler ces structures de données. Idéal pour les étudiants en NSI souhaitant maîtriser la programmation Python.
Contenus les plus populaires
9Guerre Totale : 1939-1945
Explorez les événements marquants de la Seconde Guerre mondiale, de l'invasion de la Pologne à la capitulation du Japon. Ce résumé aborde les concepts clés tels que la guerre totale, le génocide des Juifs, la bataille de Stalingrad, et l'impact de la propagande. Idéal pour les étudiants en histoire cherchant à comprendre les enjeux et les conséquences de ce conflit majeur.
Introduction à la Seconde Guerre mondiale
Identifiez les causes du conflit, les alliances et les dates clés du déclenchement de la guerre en Europe et dans le Pacifique.
Conscience en Philosophie
Explorez la notion de conscience en philosophie à travers ses implications sur la justice, la liberté, et la connaissance. Cette fiche de révision aborde les débats philosophiques sur la conscience, le cogito, et les valeurs morales, tout en intégrant des perspectives contemporaines. Idéale pour les étudiants en philosophie cherchant à approfondir leur compréhension des enjeux éthiques et existentiels.
Défaite de 1940 et Régime de Vichy
Comprendre l'armistice de juin 1940, la fin de la IIIe République et la mise en place du nouveau régime autoritaire de Philippe Pétain.
Figures de Style Essentielles
Explorez les figures de style clés pour enrichir vos commentaires composés et oraux du Bac de Français. Ce document présente des définitions claires et des exemples illustratifs pour chaque figure, y compris la métaphore, la comparaison, et la personnification. Idéal pour les étudiants préparant le Bac.
Citations par thème, le discours de la servitude volontaire
Citations, Œuvres reliées, par idées sur le Discours de la Servitude Volontaire de Étienne de La Boetie
Révisions Bac SVT 2023
Fiches de révisions complètes pour le bac de spécialité SVT 2023, couvrant tous les chapitres essentiels tels que la génétique évolutive, la photosynthèse, la communication nerveuse, et les réflexes myotatiques. Cette version inclut toutes les informations nécessaires pour réussir l'examen, y compris les réponses au stress et les mécanismes de reproduction.
Guerre Froide : Conflits et Idéologies
Explorez les événements clés de la Guerre Froide (1947-1991), y compris le Plan Marshall, la crise de Berlin, la guerre de Corée et la crise de Cuba. Ce résumé met en lumière les tensions entre le communisme et le capitalisme, ainsi que les conséquences de cette période sur le monde moderne. Type : résumé de cours BAC PRO.
Conflits de la Guerre Froide
Explorez les principaux événements et tensions de la Guerre froide (1947-1991), y compris la division de l'Allemagne, la crise de Cuba, la guerre du Vietnam, et la course à l'espace. Cette fiche de révision couvre les idéologies opposées des blocs Est et Ouest, les crises majeures, et l'impact mondial de cette période historique.
Rien ne te convient ? Explore d'autres matières.
Les étudiants nous adorent — il ne manque plus que toi.
L'application est très facile d'utilisation et bien conçue. Jusqu'à présent, j'ai trouvé tout ce que je cherchais et j'ai pu apprendre beaucoup de choses grâce aux présentations ! Je vais certainement utiliser l'application pour un travail en classe ! Et comme source d'inspiration personnelle, elle est bien sûr aussi très utile.
Cette application est vraiment super. Il y a tellement de fiches de révision et d'aide, [...]. Par exemple, la matière qui me pose problème est le français et l'appli a un choix d'aide très large. Grâce à cette application, je me suis améliorée en français. Je la recommanderais à tout le monde.
Waouh, je suis vraiment abasourdi. J'ai essayé l'application parce que je l'avais déjà vue plusieurs fois dans la publicité et j'ai été absolument choquée. Cette appli est L'AIDE dont on rêve pour l'école et surtout, elle propose tellement de choses, comme des rédactions et des fiches qui m'ont personnellement TRÈS bien aidé.
Cours NSI : Introduction au modèle Client-Serveur
Tu vas apprendre à créer ton propre serveur web avec Python et Flask ! C'est exactement comme les vrais sites que tu visites tous les jours. En maîtrisant ces concepts, tu comprendras enfin ce qui se passe quand tu cliques...

Installation et premier serveur Flask
Créer un serveur web avec Flask, c'est plus simple que tu ne le penses ! Tu vas juste installer le module Flask dans Thonny, puis écrire quelques lignes de code pour faire tourner ton premier serveur.
Le principe de base : tu crées des routes (comme des adresses) que les utilisateurs peuvent visiter. Chaque route correspond à une fonction Python qui renvoie ce que l'utilisateur va voir sur sa page.
Une fois ton code lancé, ton serveur tournera sur http://127.0.0.1:5000/. Cette adresse locale te permet de tester ton site directement sur ton ordinateur avant de le mettre en ligne.
💡 Astuce : Le décorateur
@app.route('/')indique que la fonction suivante gère la page d'accueil de ton site.

Pages HTML et templates
Écrire du HTML directement dans ton code Python, c'est vraiment pas pratique ! Flask te permet d'utiliser des templates - des fichiers HTML séparés que tu stockes dans un dossier spécial.
Tu crées un dossier "templates", tu y mets tes fichiers HTML, puis tu utilises render_template() pour les afficher. C'est beaucoup plus propre et organisé !
Le truc vraiment cool : tu peux passer des variables Python directement dans tes pages HTML. Par exemple, tu peux générer un nombre aléatoire côté serveur et l'afficher sur ta page avec {{nb}}.
⚡ Important : Tout ce qui est entre
{{ }}dans ton HTML sera remplacé par les valeurs que tu passes depuis Python.

Requêtes POST et GET
Les requêtes GET et POST sont les deux façons principales d'envoyer des données sur le web. GET met les données dans l'URL (tu le vois avec Google), POST les cache dans la requête.
Pour un formulaire, POST est généralement plus sûr car les données n'apparaissent pas dans l'adresse. Tu peux récupérer ces données avec request.form côté serveur.
Le principe : l'utilisateur remplit ton formulaire, clique sur "Submit", et ton serveur reçoit toutes les données pour les traiter. Tu peux ensuite afficher une page de confirmation ou faire ce que tu veux avec ces infos.
🔒 Sécurité : Utilise toujours POST pour les données sensibles (mots de passe, infos personnelles) car elles ne sont pas visibles dans l'URL.

Traitement des données de formulaire
Une fois que ton utilisateur a envoyé ses données, tu peux les récupérer facilement avec form_data = request.form. C'est comme un dictionnaire Python où chaque clé correspond au nom des champs de ton formulaire.
Pour afficher ces données, tu utilises une boucle Jinja2 dans ton template HTML : {% for key, value in form_data.items() %}. Ça te permet de parcourir toutes les données reçues automatiquement.
Cette technique est super utile pour créer des sites interactifs : formulaires de contact, sondages, inscriptions... Tu maîtrises maintenant les bases du développement web !
🎯 À retenir : Le nom de tes champs HTML (
name="Nom") doit correspondre exactement à ce que tu utilises dans ton code Python.
Si on te demande...
Qu'est-ce que le compagnon IA de Knowunity ?
Notre compagnon IA est spécialement conçu pour répondre aux besoins des étudiants. Sur la base des millions d'éléments de contenu que nous avons sur la plateforme, nous pouvons fournir des réponses vraiment significatives et pertinentes aux étudiants. Mais il ne s'agit pas seulement de réponses, le compagnon a encore plus pour but de guider les élèves dans leurs défis d'apprentissage quotidiens, avec des plans d'étude personnalisés, des quiz ou des éléments de contenu dans le chat et une personnalisation à 100% basée sur les compétences et les développements de l'étudiant.
Où puis-je télécharger l'appli Knowunity ?
Tu peux télécharger l'application dans Google Play Store et dans l'App Store d'Apple.
L'application est-elle vraiment gratuite ?
Oui, tu as un accès entièrement gratuit à tous les contenus de l'appli, tu peux chatter ou suivre les créateurs à tout moment. De plus, nous proposons Knowunity Premium, qui te permet de réviser sans limites!
Contenus les plus populaires en SI
9Équations RC et Condensateurs
Explorez les concepts clés des dipôles RC, y compris les formules essentielles, le chargement et le déchargement des condensateurs dans une résistance, ainsi que les équations différentielles associées. Ce résumé est idéal pour les étudiants en physique cherchant à maîtriser ces notions fondamentales.
Arbres Binaires Essentiels
Découvrez les concepts clés des arbres binaires, y compris la taille, la profondeur, et les parcours (préfixe, infixe, suffixe). Ce résumé est idéal pour préparer le bac de NSI et comprend des définitions et des exemples pratiques.
Réseaux et Protocoles TCP/IP
Explorez les fondamentaux des réseaux informatiques, y compris les adresses IP, les protocoles TCP/IP, et les différentes topologies de réseau. Ce résumé couvre les concepts clés tels que le modèle OSI, l'encapsulation de paquets, et les types de réseaux comme Ethernet et Wi-Fi. Idéal pour les étudiants en informatique cherchant à comprendre la communication réseau.
Commandes SQL Essentielles
Explorez les commandes fondamentales du langage SQL, y compris INSERT, DELETE, UPDATE, et SELECT. Ce résumé couvre également les contraintes de domaine, de relation et de référence, ainsi que les opérations de tri et de jointure. Idéal pour les étudiants préparant le bac en NSI.
Chaînes d'Information et d'Énergie
Explorez les concepts fondamentaux des chaînes d'information et d'énergie en technologie. Cette fiche présente les étapes d'acquisition, de traitement et de communication des informations, ainsi que les conversions d'énergie nécessaires pour alimenter et transmettre des actions. Idéal pour les étudiants en technologie cherchant à comprendre les systèmes techniques.
Dictionnaires en Python
Explorez les concepts fondamentaux des dictionnaires en Python, y compris la création, la modification, et l'accès aux éléments. Ce document présente des exemples pratiques et des méthodes clés comme 'items()', 'keys()', et 'values()'. Type de contenu : fiche de révisions.
Dictionnaires en Python
Explorez les fondamentaux des dictionnaires en Python, y compris leur définition, création, accès aux valeurs, et méthodes essentielles comme keys(), values(), et get(). Ce résumé pratique vous guide à travers l'ajout, la modification et la suppression d'éléments dans un dictionnaire. Type de contenu : résumé.
Graphes et Arbres Binaires
Explorez les concepts fondamentaux des graphes et des arbres binaires, y compris les types de graphes, les matrices et listes d'adjacences, ainsi que les différentes méthodes de parcours d'arbres. Ce document est essentiel pour comprendre les structures de données en NSI.
Listes, Tuples et Dictionnaires
Découvrez les fondamentaux des listes, tuples et dictionnaires en Python. Ce document couvre les bases, les méthodes et les fonctions essentielles pour manipuler ces structures de données. Idéal pour les étudiants en NSI souhaitant maîtriser la programmation Python.
Contenus les plus populaires
9Guerre Totale : 1939-1945
Explorez les événements marquants de la Seconde Guerre mondiale, de l'invasion de la Pologne à la capitulation du Japon. Ce résumé aborde les concepts clés tels que la guerre totale, le génocide des Juifs, la bataille de Stalingrad, et l'impact de la propagande. Idéal pour les étudiants en histoire cherchant à comprendre les enjeux et les conséquences de ce conflit majeur.
Introduction à la Seconde Guerre mondiale
Identifiez les causes du conflit, les alliances et les dates clés du déclenchement de la guerre en Europe et dans le Pacifique.
Conscience en Philosophie
Explorez la notion de conscience en philosophie à travers ses implications sur la justice, la liberté, et la connaissance. Cette fiche de révision aborde les débats philosophiques sur la conscience, le cogito, et les valeurs morales, tout en intégrant des perspectives contemporaines. Idéale pour les étudiants en philosophie cherchant à approfondir leur compréhension des enjeux éthiques et existentiels.
Défaite de 1940 et Régime de Vichy
Comprendre l'armistice de juin 1940, la fin de la IIIe République et la mise en place du nouveau régime autoritaire de Philippe Pétain.
Figures de Style Essentielles
Explorez les figures de style clés pour enrichir vos commentaires composés et oraux du Bac de Français. Ce document présente des définitions claires et des exemples illustratifs pour chaque figure, y compris la métaphore, la comparaison, et la personnification. Idéal pour les étudiants préparant le Bac.
Citations par thème, le discours de la servitude volontaire
Citations, Œuvres reliées, par idées sur le Discours de la Servitude Volontaire de Étienne de La Boetie
Révisions Bac SVT 2023
Fiches de révisions complètes pour le bac de spécialité SVT 2023, couvrant tous les chapitres essentiels tels que la génétique évolutive, la photosynthèse, la communication nerveuse, et les réflexes myotatiques. Cette version inclut toutes les informations nécessaires pour réussir l'examen, y compris les réponses au stress et les mécanismes de reproduction.
Guerre Froide : Conflits et Idéologies
Explorez les événements clés de la Guerre Froide (1947-1991), y compris le Plan Marshall, la crise de Berlin, la guerre de Corée et la crise de Cuba. Ce résumé met en lumière les tensions entre le communisme et le capitalisme, ainsi que les conséquences de cette période sur le monde moderne. Type : résumé de cours BAC PRO.
Conflits de la Guerre Froide
Explorez les principaux événements et tensions de la Guerre froide (1947-1991), y compris la division de l'Allemagne, la crise de Cuba, la guerre du Vietnam, et la course à l'espace. Cette fiche de révision couvre les idéologies opposées des blocs Est et Ouest, les crises majeures, et l'impact mondial de cette période historique.
Rien ne te convient ? Explore d'autres matières.
Les étudiants nous adorent — il ne manque plus que toi.
L'application est très facile d'utilisation et bien conçue. Jusqu'à présent, j'ai trouvé tout ce que je cherchais et j'ai pu apprendre beaucoup de choses grâce aux présentations ! Je vais certainement utiliser l'application pour un travail en classe ! Et comme source d'inspiration personnelle, elle est bien sûr aussi très utile.
Cette application est vraiment super. Il y a tellement de fiches de révision et d'aide, [...]. Par exemple, la matière qui me pose problème est le français et l'appli a un choix d'aide très large. Grâce à cette application, je me suis améliorée en français. Je la recommanderais à tout le monde.
Waouh, je suis vraiment abasourdi. J'ai essayé l'application parce que je l'avais déjà vue plusieurs fois dans la publicité et j'ai été absolument choquée. Cette appli est L'AIDE dont on rêve pour l'école et surtout, elle propose tellement de choses, comme des rédactions et des fiches qui m'ont personnellement TRÈS bien aidé.