---
tags: option, info, informatique, projet, cours
title: Projet de l'option informatique 2025-2026
description: Projet 2025-2026 de l'option informatique de 3ème
author: Mathieu Drillet
---
| Collège George Sand de La Châtre | Option Informatique | [](https://mathsalors.jimdofree.com/) |
| :--------: | :--------: | :--------: |
# Projet de l'option informatique 2025-2026
:::success
💡 Créer une application de tablette pour prendre les commandes dans un restaurant et établir la facture qui sera une page web correctement présentée.
:::
:::spoiler sommaire
[toc]
:::
## Objectifs
### Commande
**Créer un programme Python 🐍 qui permette de prendre la commande d'une table.**
:::info
ℹ++Demande du restaurant++ :
* Le menu pourra être rentré en amont par l'équipe de service.
* Il y a différentes tables dans le restaurant numérotée 1, 2, 3, ...
* Il y a différentes personnes à une même table.
:::
### Facture
Créer une page Web qui présente la facture aux clients à la fin de leur repas.
:::info
ℹ++Demande du restaurant++ :
La facture devra comprendre :
* la liste des plats avec leur tarif ;
* le montant HT ;
* le montant TTC à payer ;
* avoir une "belle" présentation.
:::
Nous aurons besoin de créer un fichier .html et un fichier .css
### Lien
Ajouter à votre programme Python 🐍 une fonction afin que ce soit le programme qui écrive la page de facture.
## Première partie : Choix
:::success
🧠
Brainstorming :
> ++Idées++ :
:::
### Les équipes :
* ++équipe 1++ :
* Participants :
* Jules Carré
* Owen Leroux
* Nathaëlle Leseigneur
* Evan Moyer
* Léo Tisseron
* Maël Dolet
* Jules Berthelot
* Alvin Bourgeois
* Code Python :
* Code HTML/CSS :
* ++équipe 2++ :
* participants :
* Théotime Monnerie
* Noa Vandeville
* Arthur Lamy
* Jules Faurisson
* Tristan Douard
* Marwan Mouhcine
* Alizé Huneau
* Théodore Roger
* Code Python :
* Code HTML/CSS :
## Travail en groupe
<i class="fa fa-users" aria-hidden="true"></i>
1. Mettez-vous d'accord au sein du groupe sur papier de la structure du code Python.
2. Mettez-vous d'accord au sein du groupe sur papier de la structure de la page HTML.
3. Travail sur ordinateur :
* lien vers le HTML et CSS : **5b02-9440756**
* lien vers Python : **c293-6937924**
4. Version propre : **9ca5-10813974**
## Ressources
### Le cours
Retrouver les TP de l'année ici
➡ https://mathsalors.jimdofree.com/coll%C3%A8ge/option-informatique/ 
### Un exemple
Voici le programme Python que j'ai rédigé pour la présentation de l'option informatique :
:::spoiler Dérouler pour voir le code
```python
import datetime
myDate = datetime.date.today()
def questions():
reponses=[]
reponses.append(input('Quelle classe ?'))
reponses.append(input('Quelle couleur ? (en anglais)'))
reponses.append(input("Quel prénom ?"))
return(reponses)
#reponses=['4D','red','Augustin']
def ecriture_HTML(reponses) -> None:
fichier = open('Option_Informatique.html', 'w',encoding="utf-8") # w pour write
fichier.write('<!DOCTYPE html> \n <html> \n <head> \n <meta charset="UTF-8"> \n <meta http-equiv="X-UA-Compatible" content="IE=edge"> \n <meta name="viewport" content="width=device-width, initial-scale=1.0"> \n <link rel="stylesheet" href="style.css"><title> Présentation de l Option Informatique</title> \n </head> \n <body> \n')
fichier.write('<h1>Bonjour les '+ reponses[0]+'</h1> \n')
fichier.write('<p>')
fichier.write("C'est la présentation de l'option informatique.")
fichier.write('</p>')
fichier.write('<hr/>')
fichier.write('<p>')
fichier.write("Vous avez remarqué, c'est écrit dans la couleur préférée de <strong>"+reponses[2]+"</strong>.")
fichier.write('</p>\n <hr/>')
fichier.write('<p>')
fichier.write("L'option informatique, il y a 20 places, c'est 1h par semaine.\n <br/>\n Nous apprendrons à écrire en <strong>Python</strong> et en <strong>HTLM</strong>.")
fichier.write('</p>')
fichier.write('<p id="boite">')
fichier.write("Il n'y aura pas de travail à faire à la maison.\n Nous travaillerons sur des projets.")
fichier.write('</p>')
fichier.write('<h2>')
fichier.write('Vous voulez apprendre à coder, inscrivez-vous !')
fichier.write('</h2>')
fichier.write('</br>\n <footer> © M.Drillet, le ')
fichier.write('<span id="current_date">\n <script>\n date = new Date();\n year = date.getFullYear();\n month = date.getMonth() + 1;\n day = date.getDate();\n document.getElementById("current_date").innerHTML = day+"/" + month + "/" + year;\n </script>\n </span>')
fichier.write('</footer>')
fichier.write('</body>\n')
fichier.write('</html> \n')
fichier.close()
print('Vos fichiers sont créés.')
def ecriture_CSS(reponses) -> None:
fichier = open('style.css', 'w',encoding="utf-8")
fichier.write('h1 \n { text-align: center; background-color: skyblue; }')
fichier.write('h2 \n{ text-align: center; font-family: "Gill Sans", sans-serif; font-style: italic; color:')
fichier.write(reponses[1])
fichier.write('; }')
fichier.write('p \n { font-size: x-large; color:')
fichier.write(reponses[1])
fichier.write(';}')
fichier.write('#boite{ font-size: x-large;background: linear-gradient(to bottom, #ffe8d4, #f69d3c); border: 1px solid #696969; padding: 10px; border-radius: 10px; box-shadow: 2px 2px 1px black;}')
fichier.write("#boite:before { content: 'ℹ️'; margin-right: 10px;}")
fichier.write('footer {\n display: flex; justify-content: center; padding: 5px; background-color: #45a1ff; color: #fff;}')
fichier.close()
reponses=questions()
ecriture_HTML(reponses)
ecriture_CSS(reponses)
```
:::
N'hésitez pas à le copier/coller pour le tester.
### Sur internet
:::warning
🔍++Aide sur les listes++ :
➡ https://www.docstring.fr/glossaire/liste/
➡ https://docs.python.org/fr/3.8/tutorial/datastructures.html
:::
### IA
[🗨 Le chatbot sur HTML/CSS](https://mizou.com/login-thread?ID=dHC5E_TvAowKlyW2e0OkA8QKtv-e0VTJCM9sNS6RAkM-50774)
[🗨 Le chatbot sur Python](https://mizou.com/login-thread?ID=8AkgMLi_Y5tTh92oVmV2zGQvneLqRog8smxbgKxd7ns-50779)
## Oral DNB
### Conseils généraux
[<i class="fa fa-download" aria-hidden="true"></i> A télécharger](https://mathsalors.jimdofree.com/app/download/13113443026/Conseils_oral.pdf?t=1779110207)
### Proposition de plan
Les propositions de plan (ci-dessous) doivent être travaillées et peuvent être adaptées, mélangées, personnalisées...
*N'hésitez pas à expliquer comment vous vous êtes aidé de l'IA et quelles utilisations a-t-on faites de l'IA, voire expliquer brièvement le fonction d'une IA.*
#### 1ère proposition
:::success
++Introduction++ : présentation de votre parcours et de la problématique (en lien avec la commande).
++Partie 1++ : Votre parcours scolaire et votre lien avec l'informatique.
++Partie 2++ : La présentation de l'application créée. (avec les difficultés rencontrées)
++Partie 3++ : Une présentation d'une ou plusieurs parties du code.
++Conclusion++ : Votre ressenti sur l'informatique, votre orientation, des pistes d'amélioration de l'application.
:::
#### 2ème proposition
:::success
++Introduction++ : Votre motivation à prendre l'option informatique et/ou à choisir ce thème pour l'oral.
++Partie 1++ : Présentation du langage HTML/CSS.
++Partie 2++ : Présentation du langage Python.
++Partie 3++ : Présentation de l'application réalisée.
++Conclusion++ : Un autre programme que vous avez codé. Un autre langage informatique que vous utilisé.
:::
---
<div style="text-align:right;">
*Mathieu Drillet*
</div>
---
<style>
h1{color:#FFFFFF;margin-bottom:.75em!important;background-color: #000080;border-bottom:3px solid #6e3dba!important;}
h2{color:#000080;padding-top:0.5em;border-bottom:3px solid #000080!important;margin-bottom:.75em!important;}
h3{color:#008080 ;padding-top:0.5em;margin-bottom:.75em!important;}
h4{color:#00BFFF ;padding-top:0.5em;margin-bottom:.75em!important;}
details {
margin-bottom: 10px;
border-radius: 6px;
padding-top: 0.4em;
box-shadow: 0 5px 10px -9px rgba(0, 0, 0.5, 0.5),
0 10px 10px -5px rgba(0.2, 0, 0.7, 0.2);
}
details > summary{
cursor: pointer;
transition: .3s;
user-select: none;
padding: 0.3em;
background-color: #000080;
border-radius: 4px;
font-family: 'Marianne';
color: #FFFFFF;
}
</style>