Mission Carthage العربية
اقرا الصفحة هذي بالتونسي

Accueil › Devoirs › Bac SI

Devoir pratique STI n°2 : la boutique en ligne, l'espace client en JavaScript, les clients et leurs commandes en SQL

Bac Sciences de l'informatique, 1er trimestre. Durée : 1 heure. Sur 20 points.

Écris tes programmes en Python ou en algorithme et vérifie-les tout de suite, puis ouvre la correction exercice par exercice.

Le travail se fait sur ordinateur. Les deux exercices portent sur la même boutique en ligne : l'exercice 1 écrit le fichier client.js de la page de l'espace client, l'exercice 2 les requêtes sur la base des mêmes clients et commandes. Les fonctions JavaScript se testent dans la console du navigateur et dans la page, les requêtes SQL dans MySQL (phpMyAdmin). Barème sur 20 points.

Exercice 1 : l'espace client (8 pts)

La boutique en ligne a la page client.html suivante, reliée au fichier client.js. Les commandes y sont rangées dans deux tableaux de même longueur, comme dans la table commande de l'exercice 2 : ids (le numéro du client de chaque commande) et montants (son montant en dinars).

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Espace client</title>
</head>
<body>
  <h1>Espace client</h1>
  <select id="client">
    <option value="1">Ben Salah</option>
    <option value="2">Kefi</option>
    <option value="3">Haddad</option>
    <option value="4">Chaabane</option>
    <option value="5">Mejri</option>
  </select>
  <input type="button" id="voir" onclick="voir()" value="Voir">
  <p id="bilan"></p>
  <script>
    var ids = [1, 2, 1, 3, 2, 4, 1, 3];
    var montants = [120, 45, 80, 150, 60, 35, 90, 70];
    function voir() {
      var liste = document.getElementById("client");
      var id = Number(liste.value);
      var noms = ["Ben Salah", "Kefi", "Haddad", "Chaabane", "Mejri"];
      var nom = noms[liste.selectedIndex];
      document.getElementById("bilan").innerHTML = nom + " : " + totalClient(ids, montants, id) + " DT de commandes, la plus grosse " + plusGrosse(ids, montants, id) + " DT.";
    }
  </script>
  <script src="client.js"></script>
</body>
</html>

La fonction voir() du bouton « Voir » est donnée dans la page ; elle utilise les deux fonctions à écrire dans client.js :

Exemples : avec ids = [1, 2, 1, 3, 2, 4, 1, 3] et montants = [120, 45, 80, 150, 60, 35, 90, 70], totalClient(ids, montants, 1) donne 290 et plusGrosse(ids, montants, 1) donne 120.

Exercice 2 : les clients et leurs commandes (12 pts)

La boutique de l'exercice 1 garde ses clients et leurs commandes dans deux tables : client (id, nom, ville) et commande (num, #id_client, date_cmd, montant), où id_client référence client(id) et le montant est en dinars. La base est créée par ce script :

CREATE TABLE client (
  id INT PRIMARY KEY,
  nom VARCHAR(30) NOT NULL,
  ville VARCHAR(20) NOT NULL
);
CREATE TABLE commande (
  num INT PRIMARY KEY,
  id_client INT NOT NULL,
  date_cmd DATE NOT NULL,
  montant INT NOT NULL,
  FOREIGN KEY (id_client) REFERENCES client(id)
);
INSERT INTO client VALUES (1, 'Ben Salah', 'Sousse'), (2, 'Kefi', 'Tunis'), (3, 'Haddad', 'Sousse'), (4, 'Chaabane', 'Sfax'), (5, 'Mejri', 'Tunis');
INSERT INTO commande VALUES
  (1, 1, '2026-01-12', 120),
  (2, 2, '2026-01-15', 45),
  (3, 1, '2026-02-03', 80),
  (4, 3, '2026-02-10', 150),
  (5, 2, '2026-02-21', 60),
  (6, 4, '2026-03-02', 35),
  (7, 1, '2026-03-08', 90),
  (8, 3, '2026-03-15', 70);

Correction détaillée

La correction de ce devoir est réservée aux abonnés. Elle donne l'analyse, l'algorithme en notation tunisienne, le programme Python vérifié et les erreurs fréquentes de chaque exercice. Avec un compte gratuit, tu peux ouvrir 3 corrections de ton choix.

Toutes les corrections jusqu'au devoir de synthèse3 mois pour 20 TND, offre jusqu'au 30 novembre 2026 Envoyer à un parent pour qu'il paie

Sujet original écrit pour Mission Carthage, dans le format d'un devoir pratique d'informatique (4ème Sciences de l'informatique, technologies du web). Ce n'est pas un sujet officiel.

Tout le programme : Bac Sciences de l'informatique · Revoir le cours · Tous les devoirs