Files
2CInfo/2e/commune/bloc2.html
T
2026-09-21 07:54:18 +02:00

26 lines
8.1 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bloc 2</title>
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<header class="site">
<h1>Module 1 : la machine et son vocabulaire</h1>
<p>Activite complementaire EPT Informatique, 2e commune, M. Courcelle</p>
</header>
<nav class="blocs"><a href="index.html">Accueil</a><a href="bloc2.html" class="actif">Bloc 2</a><a href="bloc3.html">Bloc 3</a><a href="bloc4.html">Bloc 4</a><a href="bloc5.html">Bloc 5</a><a href="bloc6.html">Bloc 6</a></nav>
<main>
<h2>Bloc 2 : ce qui compose un ordinateur</h2>
<div class="theorie"><h3>Ce qu'il faut savoir avant de jouer</h3><ul><li>Un ordinateur recoit des informations, les traite, renvoie un resultat.</li><li>Cinq elements visibles : unite centrale, ecran, clavier, dispositif de pointage, bouton d'allumage.</li><li>Un peripherique est d'entree, de sortie, ou les deux.</li><li>L'ecran affiche, le processeur calcule.</li><li>PC fixe, PC portable et smartphone sont trois formes du meme objet.</li></ul></div>
<h2>Exercices et jeux</h2>
<div id="exercices"></div>
</main>
<footer>Support d'exercices hors ligne. Toute la theorie utilisee ici figure dans le cours papier, chapitre 1.</footer>
<script>window.DATA = [{"type": "hotspot", "consigne": "Les cinq elements du poste", "enonce": "Clique sur l'element demande. Utilise le nom correct, pas le surnom.", "svg": "\n<svg viewBox=\"0 0 560 300\" width=\"100%\" style=\"max-width:560px\">\n <rect x=\"20\" y=\"40\" width=\"90\" height=\"200\" rx=\"6\" fill=\"#e9edf2\" stroke=\"#1f4e79\"/>\n <rect class=\"zone\" data-zone=\"unite centrale\" x=\"20\" y=\"40\" width=\"90\" height=\"200\" rx=\"6\"/>\n <text x=\"30\" y=\"262\">unite centrale</text>\n <circle cx=\"65\" cy=\"70\" r=\"10\" fill=\"#fff\" stroke=\"#1f4e79\"/>\n <circle class=\"zone\" data-zone=\"bouton d'allumage\" cx=\"65\" cy=\"70\" r=\"12\"/>\n <rect x=\"160\" y=\"40\" width=\"230\" height=\"140\" rx=\"6\" fill=\"#e9edf2\" stroke=\"#1f4e79\"/>\n <rect class=\"zone\" data-zone=\"ecran\" x=\"160\" y=\"40\" width=\"230\" height=\"140\" rx=\"6\"/>\n <rect x=\"255\" y=\"180\" width=\"40\" height=\"25\" fill=\"#e9edf2\" stroke=\"#1f4e79\"/>\n <text x=\"245\" y=\"225\">ecran</text>\n <rect x=\"160\" y=\"235\" width=\"200\" height=\"45\" rx=\"5\" fill=\"#e9edf2\" stroke=\"#1f4e79\"/>\n <rect class=\"zone\" data-zone=\"clavier\" x=\"160\" y=\"235\" width=\"200\" height=\"45\" rx=\"5\"/>\n <text x=\"200\" y=\"296\">clavier</text>\n <ellipse cx=\"440\" cy=\"255\" rx=\"26\" ry=\"34\" fill=\"#e9edf2\" stroke=\"#1f4e79\"/>\n <ellipse class=\"zone\" data-zone=\"souris\" cx=\"440\" cy=\"255\" rx=\"26\" ry=\"34\"/>\n <text x=\"415\" y=\"296\">souris</text>\n</svg>", "zones": ["unite centrale", "ecran", "clavier", "souris", "bouton d'allumage"], "explication": "Ce sont les cinq elements visibles d'un poste fixe."}, {"type": "tri", "consigne": "Entree, sortie ou les deux", "enonce": "Choisis un objet, puis clique sur le panier qui convient.", "paniers": ["Entree", "Sortie", "Les deux"], "items": [["clavier", 0], ["souris", 0], ["webcam", 0], ["micro", 0], ["scanner", 0], ["ecran", 1], ["imprimante", 1], ["haut-parleurs", 1], ["projecteur", 1], ["ecran tactile", 2], ["casque-micro", 2], ["cle USB", 2]], "explication": "Le critere est le sens de circulation de l'information."}, {"type": "qcm", "consigne": "Definition", "enonce": "Un ordinateur est une machine qui :", "options": ["affiche des images uniquement", "recoit des informations, les traite et renvoie un resultat", "se connecte a Internet", "sert a jouer et a regarder des videos"], "reponse": 1, "explication": "Entree, traitement, sortie : tout le reste en decoule."}, {"type": "qcm", "consigne": "La piece qui travaille", "enonce": "Ou se font les calculs de l'ordinateur ?", "options": ["dans l'ecran", "dans le clavier", "dans le processeur, a l'interieur de l'unite centrale", "dans la souris"], "reponse": 2, "explication": "L'ecran affiche, il ne calcule pas."}, {"type": "vf", "consigne": "Vrai ou faux", "enonce": "Un smartphone n'est pas un ordinateur.", "reponse": false, "explication": "C'est un ordinateur dont l'ecran, le clavier et le pointage ont fusionne en une surface tactile."}, {"type": "vf", "consigne": "Vrai ou faux", "enonce": "On peut appeler l'unite centrale le disque dur.", "reponse": false, "explication": "Le disque dur est une piece a l'interieur du boitier, pas le boitier."}, {"type": "vf", "consigne": "Vrai ou faux", "enonce": "Une cle USB est a la fois un peripherique d'entree et de sortie.", "reponse": true, "explication": "Elle recoit des fichiers et en fournit."}, {"type": "assoc", "consigne": "Meme fonction, autre forme", "enonce": "Associe l'element du PC fixe a son equivalent sur smartphone.", "paires": [["ecran fixe", "ecran tactile"], ["clavier physique", "clavier virtuel"], ["souris", "doigt"], ["unite centrale", "corps du telephone"], ["bouton d'allumage", "bouton sur la tranche"]], "explication": "Memes fonctions, formes differentes."}, {"type": "assoc", "consigne": "Chaque element son role", "paires": [["ecran", "afficher"], ["clavier", "entrer du texte"], ["souris", "designer un element"], ["processeur", "calculer"], ["alimentation", "fournir le courant"]]}, {"type": "ordre", "consigne": "Prendre une photo avec un smartphone", "enonce": "Remets les trois temps du schema dans l'ordre.", "etapes": ["Entree : l'appareil photo capte la lumiere", "Traitement : le processeur fabrique le fichier image", "Sortie : l'ecran affiche la photo"], "explication": "Entree, traitement, sortie, toujours dans cet ordre."}, {"type": "texte", "consigne": "Reponse courte", "enonce": "Comment appelle-t-on la piece qui effectue les calculs ?", "acceptees": ["processeur", "le processeur", "cpu"], "indice": "Relis le point 1.4 du cours.", "explication": "Le processeur fait le traitement."}, {"type": "texte", "consigne": "Reponse courte", "enonce": "Comment appelle-t-on un appareil branche a l'unite centrale ?", "acceptees": ["peripherique", "un peripherique", "peripheriques"], "indice": "Point 1.3 du cours."}, {"type": "intrus", "consigne": "Chasse aux affirmations fausses", "enonce": "Clique uniquement sur les affirmations fausses.", "items": [["L'ecran fait les calculs", true], ["Le smartphone est un ordinateur", false], ["Le bouton de volume sert a allumer le telephone", true], ["Le clavier est un peripherique d'entree", false], ["L'imprimante est un peripherique d'entree", true], ["L'unite centrale contient le processeur", false]], "explication": "Trois intrus a trouver."}, {"type": "chrono", "consigne": "Serie chronometree, vocabulaire", "enonce": "Huit questions, une minute.", "secondes": 60, "questions": [{"enonce": "Dispositif de visualisation :", "options": ["ecran", "clavier", "souris"], "reponse": 0}, {"enonce": "Dispositif de pointage :", "options": ["micro", "souris", "imprimante"], "reponse": 1}, {"enonce": "Peripherique de sortie :", "options": ["webcam", "scanner", "imprimante"], "reponse": 2}, {"enonce": "Contient le materiel electronique :", "options": ["unite centrale", "ecran", "clavier"], "reponse": 0}, {"enonce": "Sert a entrer du texte :", "options": ["haut-parleurs", "clavier", "projecteur"], "reponse": 1}, {"enonce": "Peripherique d'entree :", "options": ["casque", "ecran", "micro"], "reponse": 2}, {"enonce": "Fait les calculs :", "options": ["processeur", "ecran", "souris"], "reponse": 0}, {"enonce": "Entree et sortie :", "options": ["scanner", "ecran tactile", "projecteur"], "reponse": 1}]}, {"type": "tri", "consigne": "Materiel ou logiciel", "enonce": "Le materiel se touche, le logiciel non.", "paniers": ["Materiel", "Logiciel"], "items": [["ecran", 0], ["souris", 0], ["processeur", 0], ["cable HDMI", 0], ["Windows", 1], ["un jeu video", 1], ["un navigateur", 1], ["une application photo", 1]]}, {"type": "qcm", "consigne": "Ce qui fait un ordinateur", "enonce": "Qu'est-ce qui distingue un ordinateur d'une calculatrice ?", "options": ["il est plus rapide", "il est programmable, on peut lui faire faire autre chose", "il a un ecran", "il consomme plus de courant"], "reponse": 1, "explication": "On change le programme sans changer la machine."}];</script>
<script src="assets/app.js"></script>
</body>
</html>