Pour ce chapitre d'introduction, l'objectif est double : te présenter rapidement ce dont est faite ta calculatrice et t'expliquer ce qu'est le Basic CASIO.
-Tout comme de nombreux systèmes informatiques du quotidien, ordinateurs et smartphones, une calculatrice programmable regroupe des éléments matériels et logiciels qui interagissent les uns avec les autres. D'ailleurs si tu la démontais, tu pourrais te rendre compte qu'elle contient de nombreux composants électroniques différents reliés entre eux par des circuits.
+Tout comme de nombreux systèmes informatiques du quotidien, ordinateurs et smartphones, une calculatrice programmable regroupe des éléments matériels et logiciels qui interagissent les uns avec les autres. D'ailleurs si tu la démontais, tu pourrais te rendre compte qu'elle contient de nombreux composants électroniques différents reliés entre eux par des circuits.
-Rassure toi, je n'ai pas prévu de te faire taper sur ta calculatrice au marteau pour l'ouvrir, ni même de t'apprendre le fonctionnement de ses composants. Cet aspect s'appelle le « matériel » (ou “hardware” en anglais), par opposition au « logiciel » (ou “software” en anglais). C'est bien à la partie logicielle que je souhaite t'initier, donc l'aspect matériel ne sera plus abordé après les quelques détails nécessaires de cette introduction.
+Rassure toi, je n'ai pas prévu de te faire taper sur ta calculatrice au marteau pour l'ouvrir, ni même de t'apprendre le fonctionnement de ses composants. Cet aspect s'appelle le « matériel » (ou “hardware” en anglais), par opposition au « logiciel » (ou “software” en anglais). C'est bien à la partie logicielle que je souhaite t'initier.
+ +Le diagramme ci-dessous récapitule les parties matérielles et logicielles de la calculatrice. Chaque partie profite des fonctions offertes par les parties d'en-dessous. Comme tu peux le voir, on est tout en haut, on va donc pouvoir écrire des programmes sans se soucier de comment marchent le clavier ou l'écran. En fait, on ne parlera plus de l'aspect matériel après cette introduction.
+ +Si je devais résumer les caractéristiques d'une calculatrice :
diff --git a/tutorial.css b/tutorial.css index aa4d7f6..daedff9 100644 --- a/tutorial.css +++ b/tutorial.css @@ -4,6 +4,17 @@ div.correct { margin-top: 8px; } +div.diagram { + background: #e0e0e0; + border: 1px solid #c0c0c0; + padding: 4px; +} +div.diagram + span { + display: block; + font-size: 16px; + line-height: 16px; +} + figure img { border: 2px solid #e0e0e0; border-radius: 2px;