Systèmes d'information et numérique (SIN)

Cette leçon aborde le développement web et les applications, un thème du programme officiel de Terminale de la spécialité Systèmes d'Information et Numérique (SIN) du Baccalauréat technologique STI2D. Elle présente l'architecture client-serveur et les technologies fondamentales qui structurent une application web.

Le contenu explique le fonctionnement du modèle client-serveur, où le navigateur agit comme client en envoyant des requêtes HTTP et en affichant les réponses reçues du serveur. Les trois langages de base du front-end sont détaillés selon leur rôle respectif : HTML5 pour la structure sémantique du contenu, CSS pour la présentation et la mise en page (avec les bénéfices de séparation contenu/présentation, de maintenabilité et de responsive design), et JavaScript pour l'interactivité côté client, aux côtés de TypeScript.

La leçon distingue les langages exécutés côté client (JavaScript, TypeScript) de ceux exécutés côté serveur (PHP), ainsi que le rôle du protocole HTTP dans le transfert de documents hypermédia entre client et serveur. Les méthodes HTTP GET et POST sont différenciées, POST étant privilégiée pour l'envoi de données sensibles via les formulaires car elle ne les expose pas dans l'URL. Le rôle d'un serveur web (Apache, Nginx), qui reçoit les requêtes HTTP, sert les fichiers statiques et transmet les requêtes dynamiques aux interpréteurs, est également expliqué, de même que celui d'une base de données relationnelle pour le stockage structuré des données.

Le concept de responsive design, qui consiste à adapter la mise en page à la taille de l'écran, est présenté comme une pratique centrale du développement web moderne, tout comme la syntaxe HTML de base (balise link pour lier une feuille de style externe).

Ce sujet est important pour l'épreuve du Bac STI2D car il constitue une introduction aux architectures logicielles distribuées, omniprésentes dans les systèmes numériques actuels. L'apprenant y pratique l'identification du rôle de chaque technologie (HTML, CSS, JavaScript, HTTP, bases de données), la distinction entre traitement client et traitement serveur, et la compréhension des bonnes pratiques comme le choix entre GET et POST. Le quiz de 10 questions et les 12 fiches de révision consolident le vocabulaire technique du développement web attendu à l'épreuve.

• Expliquer le fonctionnement du modèle client-serveur et le rôle du navigateur
• Distinguer les rôles respectifs de HTML, CSS et JavaScript dans une page web
• Différencier les langages exécutés côté client de ceux exécutés côté serveur
• Expliquer le rôle du protocole HTTP et la différence entre les méthodes GET et POST
• Décrire le rôle d'un serveur web (Apache, Nginx) et d'une base de données relationnelle
• Définir le principe du responsive design
• Identifier la syntaxe HTML permettant de lier une feuille de style externe

Contenu généré à partir d'une consigne de sujet (pas de document source téléversé — grounding faible) : «Épreuve de spécialité Systèmes d'information et numérique (SIN) du Baccalauréat technologique STI2D, programme officiel de Terminale : développement web et applications.». Le contenu couvre le modèle client-serveur, les rôles de HTML/CSS/JavaScript, et la différence entre les méthodes HTTP GET et POST.