Ne0tux
/
EZBC_Basic_Casio_Facile
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

I-1: add a diagram to clarify software vs hardware

This commit is contained in:
Lephenixnoir 2020-03-24 16:34:26 +01:00
parent eb994a8cdf
commit 932d8cefe9
Signed by untrusted user: Lephenixnoir
GPG Key ID: 1BBA026E13FC0495
2 changed files with 37 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
I-1.html
View File

@ -5,9 +5,33 @@ Temps : 10 minutes</i></p>
<p>Pour ce chapitre d'introduction, l'objectif est double&nbsp;: te présenter rapidement ce dont est faite ta calculatrice et t'expliquer ce qu'est le Basic CASIO.</p>
<p>Tout comme de nombreux systèmes informatiques du quotidien, ordinateurs et smartphones, une calculatrice programmable regroupe des éléments <b>matériels</b> et <b>logiciels</b> 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.</p>
<p>Tout comme de nombreux systèmes informatiques du quotidien, ordinateurs et smartphones, une calculatrice programmable regroupe des <b>éléments matériels et logiciels</b> 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.</p>
<p>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 «&nbsp;matériel&nbsp;» (ou “<b>hardware</b>” en anglais), par opposition au «&nbsp;logiciel&nbsp;» (ou “<b>software</b>” 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.</p>
<p>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 «&nbsp;matériel&nbsp;» (ou “<b>hardware</b>” en anglais), par opposition au «&nbsp;logiciel&nbsp;» (ou “<b>software</b>” en anglais). C'est bien à la partie logicielle que je souhaite t'initier.</p>
<p>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.</p>
<figure>
<center>
<div style="max-width: 480px">
<div class="diagram">
<b>Applications (software)</b><br>
RUN/MAT &middot; PRGM &middot; Add-ins &middot; Tes programmes !
</div>
<span>↓</span>
<div class="diagram">
<b>Système d'exploitation ou «&nbsp;OS&nbsp;» (software)</b><br>
Menu principal &middot; Gestion des fichiers &middot; Drivers
</div>
<span>↓</span>
<div class="diagram" style="margin-bottom: 8px">
<b>Matériel (hardware)</b><br>
Piles &middot; Circuits électroniques &middot; Clavier &middot; Écran &middot; Ports USB et série
</div>
</div>
<figcaption><i>Vue d'ensemble du matériel et logiciel.</i></figcaption>
</center>
</figure>
<p>Si je devais résumer les caractéristiques d'une calculatrice&nbsp;:</p>

11
tutorial.css
View File

@ -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;