Telechargé par SERGE GUILLAUME TCHOUKTOUANDI DJAKNA

cours info Tle D

publicité
grandprof.org
1
71
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
Tous droits de production réservés. Aucune reproduction ni traduction de cette
publication sans permission écrite de l’éditeur ne sera permise. L’auteur affirme son
droit à être identifié comme auteur de cette œuvre en accord avec les lois sur les
droits d’auteurs.
C
om
Édition : Août 2018
©grandprof.org
Email: [email protected]
Site web: www.grandprof.org
I nfographie et couverture: NTAKENDO Emmanuel
2
grandprof.org
Sommaire
SOMMAIRE
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Avant-propos ……………………………………………………….……..3-4
CHAPITRE I: PROGRAMMATION JAVASCRIPT
Leçon 1 : Introduction au langage JavaScript………….……………….…….8-12
Leçon 2 : Les bases du langage JavaScript………….………………………13-22
Leçon 3 : Les structures de contrôle JavaScript………….………………….23-28
Leçon 4 : Les fonctions et les tableaux JavaScript………….……………….29-34
Exercices de consolidation et corrigés………………………….……….….35-47
CHAPITRE II: LES BASES DE DONNÉES
Leçon 1 : Généralités sur les bases de données………….…………………..50-54
Leçon 2 : Introduction au langage SQL………….………………………...55-60
Exercices de consolidation et corrigés………………………….……….….61-76
CHAPITRE III: LES RÉSEAUX INFORMATIQUES
Leçon 1 : Généralités sur les réseaux………….……………………………78-83
Leçon 2 : Les supports de transmission et les équipements d’un réseau……....84-89
Leçon 3 : Les topologies et architectures réseaux……….…………………...90-97
Leçon 4 : Adressage, sertissage et norme d’un câble réseau….……………....98-108
Exercices de consolidation et corrigés………………………….………..109-124
O
M
M
A
I
R
E
C
om
EXAMENS OFFICIELS
Baccalauréat session 2013………….……………………………………….126
Baccalauréat session 2014………….……………………………………….127
Baccalauréat session 2015………….…………………………………..128-129
Baccalauréat session 2016………….…………………………………..130-131
Baccalauréat session 2017………….…………………………………..132-133
Baccalauréat session 2018………….…………………………………..134-135
Corrigés des examens officiels………………………….………………136-143
S
Définition de l’épreuve d’Informatique au Baccalauréat A-C-D…….……..144-147
grandprof.org
5
Programmation JavaScript
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
PROGAMMATION JAVASCRIPT
CHAPITRE 1: PROGRAMMATION JAVASCRIPT
 Leçon 1: Introduction au langage JavaScript
 Leçon 2: Les bases du langage JavaScript
 Leçon 3: Les structures de contrôle JavaScript
 Leçon 4: Les fonctions et les tableaux en JavaScript
A
V
A
S
C
R
I
P
T
C
om
 Exercices et corrigés
J
grandprof.org
7
1- Introduction au langage JavaScript
Introduction au langage JavaScript
A
V
A
S
C
R
I
P
Définir : JavaScript, langage de programmation, code source
Utiliser les balises usuelles du HTML
Donner l’importance et les limites de JavaScript
Critiquer la sécurité d’un script JavaScript
Lister les outils nécessaires pour programmer en JavaScript
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
J





71
Compétences visées
Introduction
JavaScript, le langage de script par excellence des navigateurs Web, offre la
possibilité d’implémenter des traitements élaborés dans des pages Web. Il peut être
mis en œuvre dans toute application disposant d’un interpréteur pour ce langage.
Longtemps freiné par les incompatibilités entre les différentes implémentations des
navigateurs, ce langage est devenu le fondement des applications Web 2.0. Il permet
désormais de définir des traitements évolués en leur sein afin de gérer notamment
l’interaction avec les utilisateurs et les échanges de données avec des applications ou
des services accessibles par le biais d’Internet.
I Petit historique du langage
C
om
En 1995, Brendan Eich travaille chez Netscape Communication Corporation,
T la société qui éditait le célèbre navigateur Netscape Navigator, alors principal
concurrent d'Internet Explorer. Brendan développe LiveScript, un langage de script
qui s’inspire du langage Java, et qui est destiné à être installé sur les serveurs
développés par Netscape. Netscape se met à développer une version client de
LiveScript, qui sera renommée JavaScript en hommage au langage Java créé par la
société Sun Microsystems. Mais attention, au final, ces deux langages sont
radicalement différents! JavaScript sort en décembre 1995 et est embarqué dans le
navigateur Netscape 2. De par la popularité du langage, JavaScript est un succès, si
bien que Microsoft développe une version semblable, appelée JScript, qu'il embarque
dans Internet Explorer3, en 1996. Netscape décide d'envoyer sa version de JavaScript
à l'Ecma International pour que le langage soit standardisé, c'est-à-dire pour qu'une
8
grandprof.org
1- Introduction au langage JavaScript
II Importance de JavaScript
71
référence du langage soit créée et que le langage puisse ainsi être utilisé par d'autres
personnes et embarqué dans d'autres logiciels. L'ECMA standardise le langage sous
le nom d'ECMAScript.
La graphie de base est JavaScript, avec un « S » majuscule. Il est cependant
courant de lire Javascript ; nous utiliserons « JavaScript »
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
Les avantages de JavaScript sont:
 Répondre à des actions de l’utilisateur (clic sur un lien ou sur un bouton,
survol d’une image avec la souris, etc.)
 Récupérer des valeurs entrées par l’utilisateur pour exécuter des commandes
(par exemple de la validation d’un formulaire,…)
 Créer et de lire des cookies
 Gérer la navigation (menu dynamique) ;
 Réaliser des animations graphiques ;
 Lire et écrire des éléments HTML.
III Limites de JavaScript
J
A
V
A
S
C
R
C
om
JavaScript reste limité pour les raisons ci-après :
I
 JavaScript est très dépendant du navigateur (l’exécution d’un script
P
JavaScript peut donner des résultats différents d’un navigateur à un autre)
 JavaScript ne permet pas d’écrire ou de lire sur le disque dur.
T
 JavaScript n’échange pas avec d’autres machines connectées.
 Impossible donc de créer une page de chat
 Impossible de concevoir un forum de discussion, un script de sondage ou de
vote.
IV Sécurité de JavaScript
JavaScript a été conçu pour limiter (ou presque) les risques pour le visiteur.
En ce sens, on peut dire qu’exécuter JavaScript sur son navigateur ne comporte aucun
risque pour les données ou le matériel.
En effet, JavaScript ne permet pas :
grandprof.org
9
1- Introduction au langage JavaScript
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
V Les outils nécessaires
J Pour développer en JavaScript, nous aurons besoins de:
 D’un éditeur de texte pour la saisie du code JavaScript
A
71
 D’écrire ou de lire un fichier sur le disque dur du visiteur ou sur le serveur,
sauf dans la zone réservée aux cookies. Ainsi, vous ne risquez pas de voir des données
confidentielles récupérées à votre insu ;
 Détruire des fichiers indispensables ou d’introduire un virus sur le poste d’un
visiteur ;
 De récupérer l’adresse IP d’un visiteur.

D’un navigateur pour l’exécution de code JavaScript
V Comme exemple d’éditeur de texte sous Windows, nous avons:
 Bloc-notes
A
S
C
R
I
P
C
om
T
 Notepad++
 JEdit
Les WYSIWYG= What You See Is What You Get – ce que vous voyez est ce que
vous obtenez)
 Mozilla Kompozer
 Microsoft Expression Web
 Dreamweaver
Comme exemple de navigateurs sous Windows, nous avons:
 Google Chrome
 Mozilla Firefox
 Microsoft Edge (ancien Internet Explorer)
 Safari
 Opéra
VI Quelques définitions
JavaScript est un langage de programmation de script qui s’exécute coté client.
 Un langage de programmation est un langage qui permet aux développeurs
d'écrire du code source qui sera analysé par l’ordinateur.
 Un développeur ou un programmeur, est une personne qui écrit des
10
grandprof.org
1- Introduction au langage JavaScript
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
programmes.
 Le code source est un ensemble d'actions, appelée instructions, qui vont
permettre de donner des ordres à l'ordinateur.
 Les cookies sont des fichiers textes stockés sur le disque dur de l’utilisateur
(l’internaute) qui permettent au serveur de le reconnaître d’une page à une autre. Ils
sont généralement utilisés pour noter les préférences de l’utilisateur ou ses choix de
navigation.
 Un applet : petit programme écrit en Java qui s’exécute sur le navigateur
J
client
APPLICATION
Exercice 1.a
A
V
A
S
C
R
I
C
om
Répondre par Vrai ou Faux
P
1. JavaScript est un langage de balisage.
2. JavaScript est un langage interprété par la page web.
T
3.Un site web est un ensemble de pages web statiques ou dynamiques liées entre elles.
4. Si un ordinateur n’est pas connecté sur Internet, il ne peut pas visualiser une page
web.
5. JavaScript est un langage orienté objet et le HTML un langage interprété.
6. JavaScript est un exemple de browser.
7. Le code JavaScript s’intègre dans le code HTML pour donner des pages web
dynamiques.
8. JavaScript est supporté par tous les navigateurs de la même façon.
9. JavaScript rend les pages web dynamiques
10. Java et JavaScript n’ont pas été créés par la même société
grandprof.org 11
1- Introduction au langage JavaScript
Exercice 1.b
Choisir la bonne réponse
1. JavaScript est…
a. Un langage de programmation b. Un navigateur
c. Un langage Internet
2. Quelle société a inventé JavaScript ?
a. Sun Microsystems
b. Konqueror
c. NetScape
J
A
V
A
S
C
R
I
P
om
T
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
3. Quel est l’intrus ?
a. Notepad++
b. Linux
c. Dreamweaver
4. Quel logiciel a-t-on utilisé pour écrire le code d’une page web ?
a. Éditeur de texte
b. Traitement de texte
c. web
5. Quel(s) logiciel(s) a-t-on utilisé(s) pour visualiser la page web ?
a. Fureteur
b. Logiciel web
c. Site Web
d. Browser
6. Les balises qui indiquent le corps d’une page web sont :
a. <body> </body> b. <head> </head> c. <html> </html>
7. Les logiciels utilisés pour éditer le code source et visualiser la page web
appartiennent à la famille des :
a. Logiciels d’application
b. Logiciel d’exploitation c. Logiciel d’installation d. Logiciels navigateur web
8. Comment appelle-t-on l’adresse qui localise une page web sur internet :
a. Adresse IP
b. URL
c. Adresse local
9. Le JavaScript est principalement utilisé en tant que langage :
a. Client-Side
b. Server-side
c. client-side et server-side
10. Le JavaScript peut s'utiliser conjointement avec :
a. HTML
b. XHTML
c. PHPd. Nombreux langages
Le JavaScript est un langage…
a. compilé
b. précompilé
c. interprété
Exercice 1.c
C
Question à réponses ouvertes
1. Que signifie WYSIWIG
2. Citer deux limites de JavaScript
3. Citer deux avantages de JavaScript
12
grandprof.org
2- Les bases du langage JavaScript
Les bases du langage JavaScript
Compétences visées:
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
 Citer les différentes façons d’insérer JavaScript dans un document HTML
 Déclarer et utiliser des variables
 Manipuler les instructions simples en JavaScript (affectation et affichage)
I. Intégration du code JavaScript
J
La façon d’utiliser un script JavaScript est identique pour tous les
A
navigateurs. Elle consiste à utiliser la balise HTML générique script, avec l’attribut
type spécifiant le type de langage de script. Dans notre cas, la valeur de cet attribut V
doit être text/javascript.
1 Le JavaScript « dans la page »
A
S
Pour placer du code JavaScript directement dans votre page Web, la syntaxe
C
est la suivante:
Syntaxe
R
<html>
<title> Titre de la page </title>
</head>
<body>
<script type="text/javascript">
/* Instructions JavaScript */
alert (" Mon premier code JavaScript");
</script>
</body>
</html>
I
P
T
C
om
<head>
2 Le JavaScript externe
Il est possible, et même conseillé, d'écrire le code JavaScript dans un fichier
externe, portant l'extension.js .Ce fichier est ensuite appelé depuis la page Web au
moyen de l'élément <script> et de son attribut « src » qui contient l'url du
fichier.js. Voici exemple
grandprof.org 13
2- Les bases du langage JavaScript
<html>
<head>
J
A
V
A
S
C
R
I
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
<title> Titre de la page </title>
</head>
<body>
<script type="text/javascript" src="monScript.js">
</script>
</body>
</html>
Contenu du fichier monScript.js :
alert (" Mon premier code JavaScript");
Remarque :
- Toute instruction se termine par un point-virgule (;)
- Le code JavaScript peut se placer n’importe où dans le code HTML.
- On peut également remplacer <script type="text/javascript">
par
<script language="javascript">
II. Variables et typage
1 Déclaration d’une variable
om
JavaScript est un langage non typé. Cela signifie que le type d’une variable est
P défini uniquement au moment de l’exécution. La mise en œuvre d’une variable se
réalise par l’intermédiaire du mot-clé var. L’interpréteur JavaScript a la responsabilité
T de créer la valeur du bon type en fonction de l’initialisation ou de l’affectation.
Le langage n’impose pas l’initialisation des variables au moment de leur
création et offre la possibilité d’en définir plusieurs en une seule instruction.
Le code suivant illustre la mise en œuvre de plusieurs variables :
C
// Variable initialisée avec une chaîne de caractères
var variable1 = "mon texte d’initialisation";
// Variable non initialisée
var variable2;
// Définition de plusieurs variables en une seule instruction
var variable3 = 2, variable4 = "mon texte d’initialisation";
14
grandprof.org
2- Les bases du langage JavaScript
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Le choix du nom des variables doit respecter les règles suivantes :
 le premier caractère ne peut être qu’une lettre, un souligné (underscore (_))
ou un dollar($)
 les caractères suivants doivent être des caractères alphanumériques, des
soulignés (underscores(_)) ou des dollars($)
 ne doit pas contenir des espaces ou des caractères accentués
NB: JavaScript est sensible à la casse
2 Types primitifs
J
Les types primitifs correspondent à des données stockées directement dans la pile A
d’exécution, ces types étant définis de manière littérale directement à partir de valeurs.
V
Le tableau suivant récapitule les types primitifs définis par JavaScript.
Type
Boolean
Description
Type dont les valeurs possibles sont true et false
Number
Type qui représente un nombre
String
Type qui représente une chaîne de caractères
C
Type dont l’unique valeur possible est Undefined. Une
variable définie possède cette valeur avant qu’elle soit
initialisée.
Type qui représente les tableaux
R
Undefined
Array
III. Les opérateurs
A
S
I
P
T
1 Les opérateurs arithmétiques
om
Ces derniers sont à la base de tout calcul et sont au nombre de cinq:
Signe
Addition
+
Soustraction
-
Multiplication
*
Division
/
Modulo
%
C
Opérateur
grandprof.org 15
2- Les bases du langage JavaScript
Concernant ce dernier opérateur, le modulo est tout simplement le reste d'une
division. Par exemple, si on divise 3 par 2 alors il vous reste 1 : c'est le modulo!
2 Quelques calculs simples
J
A
V
A
S
C
R
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
var resultat = 3 + 2 ;
alert (resultat) ; // Affiche : « 5 »
71
Faire des calculs en programmation est quasiment tout aussi simple que sur
une calculatrice, exemple:
Avec des variables:
var number1 = 3, number2 = 2, result ;
result = number1 * number2 ;
alert (result) ; // Affiche : « 6 »
IV. Les instructions simples en JavaScript
On distingue trois (03) instructions simples en JavaScript qui sont : l’affichage,
la lecture et la confirmation.
1 L’affichage (instruction alert())
alert( ) est une instruction simple, appelée fonction, qui permet d'afficher une
I boîte de dialogue contenant un message. Ce message est placé entre apostrophes,
elles-mêmes placées entre les parenthèses de la fonction alert( ) .
P
Exemple :
T
alert (“Hello world”) ; // Affiche une boîte de dialogue
contenant le message “Hello world”.
Remarque :
C
om
L’affichage peut aussi se faire grâce à la fonction document.write(‘Votre
Texte’) ou document.write(Nom_Variable). Cette fonction génère du code HTML
puis l’affiche dans la page web.
Exemple : document.write("Bienvenue, ceci est du HTML généré par
JavaScript");
2 La lecture (instruction prompt())
prompt( ) permet de lire des données au clavier. La fonction prompt( )
16
grandprof.org
2- Les bases du langage JavaScript
s'utilise comme alert( ) mais a une petite particularité. Elle renvoie ce que l'utilisateur
a écrit sous forme d'une chaîne de caractères:
Exemple :
71
var a ;
a=prompt(“Entrez votre nom”) ; // Affiche une boîte de dialogue
contenant le message “Entrez votre nom” ainsi qu’une cellule où
l’utilisateur doit rentrer l’information demandée
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
Pour lire un entier, il suffit de convertir la chaîne de caractères en nombre.
Pour cela, vous allez avoir besoin de la fonction parseInt( ) qui s'utilise de cette J
manière :
var a ;
a=ParseInt(prompt(“Entrez un nombre”)) ;
3 La confirmation (instruction confirm())
A
V
A
Son utilisation est simple : on lui passe en paramètre une chaîne de caractères S
qui sera affichée à l'écran et elle retourne un booléen en fonction de l'action de
C
l'utilisateur.
Exemple :
confirm(“Aimez-vous l’Informatique ?”) ; // Affiche une boîte
de dialogue contenant le message “ Aimez-vous l’Informatique ?”
ainsi que 2 boutons « OK » pour true et « annuler » pour false.
V. Autres éléments de base
R
I
P
T
1 Les commentaires
C
om
Les commentaires sont des annotations faites par le développeur pour
expliquer le fonctionnement d'un script, d'une instruction ou même d'un groupe
d'instructions. Les commentaires ne gênent pas l'exécution d'un script.
Il existe deux types de commentaires : les commentaires monolignes, et les
commentaires multilignes.
 Les commentaires monolignes
Ils servent à commenter une instruction. Un tel commentaire commence par
deux slashs, suivis du commentaire :
var resultat = 3 + 2 ;
alert (resultat) ; // Affiche : « 5 »
grandprof.org 17
2- Les bases du langage JavaScript
A
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
J
/* Ce script comporte 3 instructions :
- Instruction 1 qui fait telle chose
- Instruction 2 qui fait une telle autre chose
- Instruction 3 qui termine le script
*/
instruction_1;
instruction_2;
instruction_3; // Fin du script
71
 Les commentaires multilignes
Ce type de commentaire permet les retours à la ligne. Un commentaire
multilignes commence par /* et se termine par */ :
V 2 La concaténation
A
S
C
R
I
P
var a=“J’aime ”, b=“l’Informatique”, c;
c=a+b ;
alert(c) ; // affichera « J’aime l’Informatique »
Exemple2 :
var a=“Kendo ”;
alert(“Bonjour” +a) ; // affichera « Bonjour Kendo »
C
om
T
Une concaténation consiste à ajouter une chaîne de caractères à la fin d'une autre.
Exemple1:
18
grandprof.org
2- Les bases du langage JavaScript
APPLICATION
Exercice 2.a
J
A
V
A
S
C
R
I
P
T
C
om
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Répondre par Vrai ou Faux
1. </script><script> sont les balises d’insertion d’un script dans le code HTML
d’une page web.
2. L’extension des fichiers JavaScript est .htm ou .html
3. L’extension des documents web est .js
4. Il est possible d’écrire le script dans un fichier externe et l’appelé dans l’entête du
code HTML de la page web
5. Une variable commence toujours par une lettre et peut contenir des espaces
6. Les noms de variables ayant la même orthographe mais écrits l’un en majuscule
l’autre en minuscule sont les mêmes
7. Une page Html peut avoir plusieurs codes JavaScript en entête et dans le corps du
programme.
8. Les noms de variable peuvent contenir des accents
9. Les types de variable commencent toujours par une lettre majuscule
10. Une variable est un objet représenté dans un programme par un nom
11. La manipulation deschaînes de caractères requiert les apostrophes ' 'oules cotes""
12. Une déclaration de variable sans affectation, donne à cette variable une valeur
par défaut en fonction du type de la variable
13.Toute instruction tient sur une ligne et se termine toujours par un pointvirgule(;)
14. JavaScript est un langage sensible à la casse.
15. JavaScript est un langage compilé par un navigateur Web.
16. JavaScript est un langage interprété par un compilateur Web.
17. JavaScript est un langage interprété par un navigateur Web.
18. JavaScript prend tout comme des objets.
Dans un code JavaScript on peut faire les déclarations suivantes :
19. Nom eleve=’’arthur ‘’ ;
20. nomEleve=’’arthur’’ ;
grandprof.org 19
2- Les bases du langage JavaScript
Exercice 2.b
J
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Choisir la bonne réponse
1. Voici une liste de noms de variable, entourez ceux qui sont bien écrit
a.“z” ; b. “ $patate2”;
c. ”série”;
d.”2nom”;
e. ”voiture”;
f.”tôto”;
g.”Ndop” ;
h. ”SuRfAcE” ; i. ”c@fe” ; j.”chimie” ;
k. “joué”;
l. ”variable”; m. ”$le nom”; n. ”la_Maison”;
o.”1livre” ;
p. ”tête” ;
q. ”ecole” ;
s.”élève” ;
t. ”île”.
2. Un bout de code écrit en JavaScript s’appelle :
a.Balise
b. Alert
c. Prompt
d. Script
e. JavaScript
f.<Script>
3. Les balises qui permettent d’insérer le titre d’une page web sont :
A a.</title> <title>
b. <title> </title>
c.<p> </p>
V 4. Par quel mot clé reconnaitre une instruction d’affichage en JavaScript:
a.Alert
b.Prompt
c. Afficher
d. Afficheur
A 5. Quelle est la bonne syntaxe pour afficher un message à l'écran ?
S
C
R
I
P
C
om
T
a. alert('Hello world!')
b. alert('Hello world!');
c. alert 'Hello world!';
d. alert(Hello world!);
6. Quels caractères dois-je utiliser pour écrire un commentaire de fin de ligne?
a. //
b. ||
c. #
d. \\
e. &&
7. Où dois-je placer de préférence mon code JavaScript dans une page web ?
a. Dans la balise <head> qui est prévue à cet effet.
b. Entre les balises <head> et <body>.
c. Juste avant la fin de la balise <body>.
8. Laquelle de ces variables sera déclarée correctement?
var var= 4;
text= 'Hello !'; var variable = 5.781e+8; var 1variable = 10;
a. variable
b. text
c. var
d. 1variable
9. Par quoi est encadrée une chaîne de caractères ?
a. Par des guillemets : " " b. Par des chevrons : < > c. Par des apostrophes : ' '
d. Il est possible d'utiliser les trois
e. Par des apostrophes ou des guillemets,
cela a peu d'importance
10. Je viens de réaliser une concaténation, est-elle correcte :
var text = "J'aime " - 'le JavaScript !'; ?
a. Oui
b. Non, il faut utiliser le signe + au lieu du - !
c. Non, car on ne peut pas faire une concaténation dès la déclaration d'une variable.
20
grandprof.org
2- Les bases du langage JavaScript
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
d. Non, il faut utiliser les apostrophes sur les deux chaînes de caractères
11. Est-il possible de raccourcir la troisième instruction de ce code ?
var number1 = 60, number2 = 2; number1 = number2 + 40;
a. Oui, il suffit d'utiliser l'opérateur +=
b. Non
12. Quel est le résultat de ce code ?
var number1 = "2", number2 = "3", resultat;
resultat = number1 + number2; alert(resultat);
a. Rien, le script rencontre une erreur
b. 23 c. 5
d. -1
13. Que va-t-il se passer si je clique sur le bouton «OK» dans la fenêtre de J
confirmation? if (!confirm('OK ?')) { alert("C'est OK !"); }
A
a. Le message « C'est OK ! » va s'afficher.
b. Rien
c. La page d'accueil de mon navigateur va s'afficher.
V
Exercice 2.c
Question à réponses ouvertes
1. Où peut –on insérer un code JavaScript ?
2. Quelle différence faite vous entre la fonction alert( ) et document. write( )
3. Que fait le code suivant ?
<html>
<head>
<title> Titre de la page </title>
</head>
<body>
<script type="text/javascript">
alert (" Mon premier code JavaScript");
</script>
A
S
C
R
I
P
T
C
om
</body>
</html>
grandprof.org 21
2- Les bases du langage JavaScript
Exercice 2.d
Soit le code JavaScript
<html>
<head>
71
<title>MELANGUE I</title>
</head>
<body>
A
V
A
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
J
<script language="javascript">
var nom;
nom=prompt("veuillez saisir votre nom:");
alert("bonjour"+" "+ nom);
</script>
</body>
</html>
1. A quoi sert la fonction alert () ?
2. A quoi sert la fonction prompt () ?
C 3. Que fait ce programme ?
4. Comment appel-ton le document produit par ce code et le nom du logiciel qui
R
permet de le visualiser?
S
I
P
C
om
T
22
grandprof.org
3- Les structures de contrôle JavaScript
Les structures de contrôle JavaScript
Compétences visées:
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
 Donner les différents types de structures de contrôle.
 Donner la syntaxe de chacune de ces structures et être capable de les utiliser.
 Choisir la structure de contrôle appropriée pour la résolution d’un problème.
I Les conditions
Dans cette partie, nous allons aborder les conditions, mais pour cela il nous
faut tout d'abord revenir sur un type de variable: les booléens. Ils nous servir à obtenir
un résultat comme true (vrai) ou false (faux) lors du test d'une condition.
Une condition est une sorte de "test" afin de vérifier qu'une variable contient
bien une certaine valeur. Bien sûr les comparaisons ne se limitent pas aux variables
seules. Tout d'abord, les conditions sont constituées de valeurs à tester et deux types
d'opérateurs : un logique et un de comparaison.
1 Les opérateurs de comparaison
Les opérateurs de comparaison servent à exprimer des conditions.
Opérateur
==
!=
>
>=
<
<=
A
V
A
S
C
R
I
P
T
C
om
Signification
égal à
différent de
supérieur à
supérieur ou égal à
inférieur à
inférieur ou égal à
J
Remarque : Attention à ne pas confondre l’opérateur de comparaison “==
”avec le signe “= ” d’affectation.
grandprof.org 23
3- Les structures de contrôle JavaScript
2 Les opérateurs logiques
Opérateur
&&
||
!
71
Signification
ET logique
OU logique
NON logique
J
A
V
A
S
C
R
I
P
T
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
3 Structures conditionnelles (alternatives)
 Structure avec une alternative(if…)
Syntaxe : Formulation générale
if (<condition>) {
if (i == 5) {
<action>;
Somme = somme *5 ;
}
}
 Structure avec deux alternatives( if … else…)
Syntaxe : Formulation générale
if (<condition>) {
Exemple :
if (i == 5) {
<action>;
}
else {
Somme = somme *5;
}
else {
<action>;
C
om
}
24
Exemple :
grandprof.org
Somme = somme /5 ;
}
3- Les structures de contrôle JavaScript
 Structure avec conditions imbriquées
if (<condition1>) {
<action>
}
else if (<condition2>){
alert(“neutre”);
}
else if ( pH<7 ) {
alert(“acide”);
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
<action>
Exemple :
if ( pH==7 ) {
71
Syntaxe : Formulation générale
}
else {
}
else {
<action>
}
alert(“basique”);
}
J
A
V
A
Remarque : Il existe une autre structure conditionnelle nommée «Switch »
S
que nous ne verrons pas dans ce cours!
II Structures répétitives (ou boucles ou itératives)
C
Il est très utile de disposer d’une instruction permettant d’effectuer de manière R
répétitive une série d’opérations. JavaScript propose plusieurs types de boucles
I
itératives.
1 La boucle while
om
L’instruction while permet d’exécuter une instruction (ou un groupe
d’instructions) un certain nombre de fois.
Syntaxe : Formulation générale
C
while ( <condition> ) {
<action>;
T
Exemple :
var a = 1 ; somme = 0 ;
while (a <=10) {
a = a+1 ;
...
}
P
somme = somme + a ;
}
grandprof.org 25
3- Les structures de contrôle JavaScript
Signification : Exécuter les <actions> aussi longtemps que la <condition>
est vraie. Si la condition est fausse au début, aucune instruction n’est exécutée.
2 La boucle for
Syntaxe : Formulation générale
J
A
V
A
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
for(<départ>;<condition de continuation>; <incrémentation>) {
<action>
... }
Exemple :
somme = 0 ;
for (a=1; a <=10; a = a+1 ){
somme = somme + a;
}
Signification : La boucle for se déroule de la manière suivante :
Tant que la condition de continuation est vraie c'est-à-dire (a<=10):
o en partant de l’expression de départ (a = 1) on exécute le contenu des
C
accolades;
R
o la variable (a) est incrémentée (a = a+ 1 ou a++) et on exécute le contenu
I des accolades autant de fois que nécessaire;
o la boucle ne prend fin que lorsque la condition de continuation devient
P fausse c'est-à-dire lorsque a devient supérieur à 10
S
C
om
T
26
grandprof.org
3- Les structures de contrôle JavaScript
APPLICATION
J
A
V
A
S
C
R
I
P
T
C
om
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Exercice 3.a
Choisir la bonne réponse
1. Que va être le résultat de cette condition ?
var result= 8 % 2 > 0 || !(3% 2 <1)
a. true
b. false
c. 42
d. Ce code renvoie une erreur
2. Dans quel ordre doit-on voir apparaître ces structures ?
a. if => else => else if
b. else if => if => else
c. if => else if => else
3. Quelle est la valeur d'output dans l'instruction suivante :
var output = count++; ?
a. count, incrémentée de 1
b. count, sans incrémentation
c. Juste l'incrémentation
4. Quelle est la particularité d'une boucle do while ?
a. Aucune, c'est la forme longue de la boucle while
b.Les instructions sont exécutées au moins une fois
c. La condition n'est exécutée qu'au début de chaque itération
5. Quelle est la syntaxe exacte d'une boucle for ?
a. for (initialisation; condition; incrémentation) { }
b. for (condition; initialisation; conclusion) { }
c. for (initialisation; incrémentation; condition) { }
d. for (initialisation; condition) { }
6. Dans une boucle for, à quel moment le bloc d' incrémentation est-il exécuté?
a. Au début de chaque itération
b. Pendant chaque itération
c. À la fin de chaque itération
grandprof.org 27
3- Les structures de contrôle JavaScript
Exercice 3.b
Soit le code JavaScript suivant :
J
A
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
var compteur = new Number ( );
var somme = new Number ( ) ;
for (compteur = 1 ; compteur <= 5 ; compteur + 1 ){
somme = somme + compteur ;
}
alert (somme) ;
a. Quelle est la valeur initiale de la variable compteur et sa valeur finale
V b. Combien de fois on exécute la boucle for
A c. Quelle est la valeur du compteur lorsque la condition devient fausse
d. Que fait la ligne 5 du script précédent
S
C
R
I
P
C
om
T
28
grandprof.org
4- Les fonctions et les tableaux en JavaScript
Les fonctions et les tableaux en JavaScript
Compétences visées
71
Définir fonction et donner sa syntaxe.
Écrire des fonctions JavaScript tout en respectant la syntaxe d’utilisation
Différencier une variable locale d’une variable globale.
Définir tableau ou array et donner sa syntaxe.
Utiliser un tableau dans un code JavaScript.
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6





I LES FONCTIONS
1 Présentation
Dans les chapitres précédents vous avez découvert quatre fonctions : alert( ) ,
prompt( ) , confirm( ) et parseInt( ) . En les utilisant, vous avez pu constater que
chacune de ces fonctions avait pour but de mener à bien une action précise,
reconnaissable par un nom explicite.
Le plus gros avantage d'une fonction est que vous pouvez exécuter un code
assez long et complexe juste en appelant la fonction le contenant. Cela réduit
considérablement votre code et le simplifie d'autant plus ! Seulement, vous êtes bien
limités en utilisant seulement les fonctions natives du JavaScript. C'est pourquoi il
vous est possible de créer vos propres fonctions.
J
A
V
A
S
C
R
I
P
om
Remarque : Quand on parle de fonction ou variable native, il s'agit d'un T
élément déjà pré-intégré au langage que vous utilisez. Ainsi, l'utilisation des fonctions
alert( ) , prompt( ) , confirm( ) , etc... est permise car elles existent déjà de façon
native.
Syntaxe :
C
function nom_fonction( arguments) {
// Le code que la fonction va devoir exécuter
return expression;
}
grandprof.org 29
4- Les fonctions et les tableaux en JavaScript
V
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
o Le mot-clé function est présent à chaque déclaration de fonction. C'est lui
qui permet de préciser que c’est une fonction qu’on écrit .
o Vient ensuite le nom de votre fonction, ici nom_fonction.
o S'ensuit un couple de parenthèses contenant ce que l'on appelle des
arguments. Ces arguments servent à fournir des informations à la fonction lors de
son exécution. Par exemple, avec la fonction alert( ) quand vous lui passez en
paramètre ce que vous voulez afficher à l'écran.
o L’instruction « return » (optionnelle) renvoi la valeur contenu dans
J « expression »
o Et vient enfin un couple d'accolades contenant le code que votre fonction
A devra exécuter.
NB :
o Il est important de préciser que tout code écrit dans une fonction ne
s'exécutera que si vous "appelez" cette dernière ("appeler" une fonction signifie
S
"exécuter"). Sans ça, le code qu'elle contient ne s'exécutera jamais.
o Bien entendu, tout comme les variables, les noms de fonctions sont limités
C
aux caractères alphanumériques (dont les chiffres) et aux deux caractères suivants : _
R et $
A
I
P
var resultat ;
function addition ( a, b) {
var a, b;
resultat = a+b;
return resultat;
}
om
T
2 Exemple de programme utilisant une fonction
C
// Utilisation de la fonction
resultat = addition( 12, 6) ; /* Appel de la
fonction avec 2 paramètres*/
alert (resultat) ;
30
grandprof.org
4- Les fonctions et les tableaux en JavaScript
Remarques :
o Les instructions d'un sous-programme sont écrites en dehors du programme
appelant
o Si un sous-programme écrit n'est jamais appelé, il ne sera jamais exécuté.
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Exercice : Modifier le programme ci-dessus de manière à ce qu’il fasse
l’addition de deux nombres entrés par l’utilisateur ;
NB : Vous utiliserez la fonction « addition » précédente sans l’a modifier.
3 Portée des variables
J
A
L'endroit où est déclarée une variable est très important car il détermine dans
quel(s) fonction(s) elle va pouvoir être utilisée.
V
 Une variable locale
Une variable locale est déclarée à l'intérieur d'une fonction et elle n'est
utilisable que dans la fonction où elle a été déclarée. Ceci est aussi valable pour le
programme principal : une variable déclarée dans le programme principal n'est
utilisable que dans le programme principal et pas dans les fonctions.
 Une variable globale
Une variable globale est déclarée à l'extérieur du programme principal et des
fonctions : elle est commune à l'ensemble des fonctions et du programme principal,
elle est utilisable partout (surtout il ne faut pas redéclarer la variable dans les
fonctions utilisatrices).
A
S
C
R
I
P
T
om
II LES TABLEAUX
1 Présentation
C
Un tableau, ou plutôt un array en anglais, est une variable qui contient
plusieurs valeurs, appelées items. Chaque item est accessible au moyen d'un indice
(index en anglais) et dont la numérotation commence à partir de zéro.
grandprof.org 31
4- Les fonctions et les tableaux en JavaScript
Voici un schéma représentant un tableau, qui stocke 5 items :
Indice
Donnée
0
Valeur1
1
Valeur2
2
Valeur3
3
Valeur4
4
Valeur5
71
Comme vous le voyez dans le tableau ci-dessus, la numérotation des items commence
à 0 ! C'est très important, car il y aura toujours un décalage d'une unité : l'item
numéro 1 porte l'indice 0, et donc le cinquième item porte l'indice 4.
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
2 Déclarer un tableau
J Syntaxe : var nom_tableau = [ liste des items ] ;
A
V
A
S
Exemple : var monTableau = [ ' Sébastien' , ' Laurence' , ' Ludovic' , ' Pauline' ;
Représentation :
Indice
Donnée
0
Sébastien
1
Laurence
2
Ludovic
3
Pauline
Le contenu du tableau se définit entre crochets, et chaque valeur est séparée
C par une virgule. Les valeurs sont introduites comme pour des variables simples, c'est à-dire qu'il faut des guillemets ou des apostrophes pour définir les chaînes de
R
caractères
Autres exemples de déclaration :
I
var yo = [ 42, 12, 6, 3]
P
var yes = [ 42, ' Sébastien' , 12, ' Laurence' ] ;
T
3 Récupérer et modifier une valeur dans un tableau
om
 Récupération d’un valeur du tableau
Comment faire pour récupérer la valeur de l'index 1 de mon tableau ? Rien de
plus simple, il suffit de spécifier l'index voulu, entre crochets, comme ceci :
C
var monTableau = [ ' Informatique' , 'Physique ' , ' Maths' , ' Sport'];
alert( monTableau[ 1] ) ; // Affiche : "Physique"
Représentation :
Indice
Donnée
32
0
Informatique
grandprof.org
1
Physique
2
Maths
3
Sport
4- Les fonctions et les tableaux en JavaScript
 Modifier une valeur du tableau
var monTableau = [ ' Informatique' , 'Physique ' , ' Maths' ,' Sport'];
monTableau[ 1]= ; 'Géographie ' //Remplace : "Physique" par "Géographie"
Représentation :
0
Informatique
1
Géographie
2
Maths
3
Sport
J
A
V
A
S
C
R
I
P
T
C
om
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Indice
Donnée
grandprof.org 33
4- Les fonctions et les tableaux en JavaScript
APPLICATION
Exercice 4.a
J
A
V
A
S
C
R
I
P
T
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Choisir la bonne réponse
1. À quoi servent les fonctions ?
a. À rien
d. À se passer des boucles
b. À n'écrire qu'une seule fois un même code pour ensuite l'appeler où on le souhaite
c. À exécuter un code provenant d'un autre site Web
2. La déclaration de ma fonction est-elle correcte ?
function MyFunction(arg1 arg2) {// Mon code. }
a. Oui
b. Non, il manque un point-virgule dans la déclaration des arguments
c. Non, il manque une virgule dans la déclaration des arguments
3. Quelle est la différence entre une variable globale et une variable locale ?
a. La locale est accessible partout dans le code tandis que la globale est
limitée à la fonction où elle est déclaré
b. La globale est accessible partout dans le code tandis que la locale est
limitée à la fonction où elle est déclaré
c. Les globales et locales sont identiques tant qu'elles ne sont pas déclarées
dans une boucle ou une condition
Exercice 4.b
function aire (longueur, largeur) { //entête de la fonction
var resultat = longueur x largeur ; // calcul de l’aire
om
return resultat ; // retourne le résultat calculé }
var s = aire (20,10) ; // appel de la fonction avec les paramètres
alert(s) ; // affichage du résultat
C
En vous inspirant du code ci-contre,
a) A quoi servent les symboles // ?
b) Quelle est le nom de la fonction
c) Cette fonction a combien de paramètres
d) Donner le nom de ces paramètres
e) Que fait cette fonction
f) Quelle est la valeur de s
34
grandprof.org
répondre
aux
questions
:
Programmation JavaScript
EXERCICES
Exercice 1
Soit le code en JavaScript ci-dessous
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
<script type="text/javascript" >
var a, b, c;
a=prompt (‘’Entre un nombre positif’’);
b=a+5;
c=(b-a)*2;
alert(" la variable a contient:" +a);
alert(" la variable b contient:" +b);
alert(" la variable c contient:" +c);
</script>
1. Combien de variables manipule le script ci-contre
2. Quelle différence faites-vous entre un code HTML simple et un code HTML
intégrant un script ?
3. Définir instructions
4. Quelle différence faites-vous entre un script et une balise ?
5. Dans le code HTML d’une page web, où peut-on insérer un script ?
6. Donner dans ce script
a. Une instruction de lecture
b. Une instruction d’écriture
c. Une instruction d’affectation
7. Écrire autrement l’instruction : alert (" la variable a contient:", a);
J
A
V
A
S
C
R
I
P
T
C
om
Exercice 2
Écrire un programme JavaScript qui prend le nom de l’utilisateur et lui dit bonjour
avec son nom.
Exercice 3
Soit le script ci-dessous :
1) Qu’affichera le script si l’utilisateur entre x=5 et y=10 ?
2) Que fait ce script ?
grandprof.org 35
Programmation JavaScript
J
A
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
<script language="javascript">
var x, y, z;
x=parseInt(prompt("entrez un nombre"));
y=parseInt(prompt("entrez un second nombre"));
z=x;
x=y;
y=z;
alert("la valeur de x est:" +x);
alert("la valeur de y est:" +y);
</script>
Exercice 4
V Soit le script suivant :
A
S
C
<script language="javascript">
var a, c;
a=parseInt(prompt("entrez un nombre"));
c=a*a;
alert("le carré du nombre entré est :" +c);
</script>
R 1) Qu’affichera le script pour a=3 ?
a=5 ?
I 2) Que fait ce script ?
P
om
Exercice 5
T Écrire un programme JavaScript qui demande le Rayon ( R )d’un cercle à l’utilisateur,
puis qui calcule et affiche son périmètre et sa surface.
NB : périmètre= 2*R*3.14 et Surface= R*R*3.14
C
Exercice 6
Écrire un programme JavaScript qui demande la longueur (L) et la largeur(l) d’un
rectangle à l’utilisateur, puis qui calcule et affiche périmètre et le la surface de ce
rectangle.
36
grandprof.org
Programmation JavaScript
Exercice 7
I nstructions algorithmiques
I nstructions
JavaScript
a ← 12
Lire(a)
Ecrire(b)
Si A=B alors
Si ( A>0) et (B<=3) alors
5
<instruction1>… <instruction n>
Finsi
6
Si (A>0) ou (B<=3) alors
7
Si A< >B alors
8
Si (A mod B)=0 alors
9
Const a=12
10
Pour i allant de 1 à 10
11
Tantque i<=10 faire
12
Répéter jusqu’à i=10
Donnez l’équivalence en JavaScript des instructions suivantes :
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
1
2
3
4
en
71
N°
Exercice 8
Transforme l’algorithme ci-dessous en code JavaScript
A
V
A
S
C
R
I
P
T
C
om
Algorithme_NombrePair
Variables
a : entier ;
Début
Ecrire (‘Veuillez donner une valeur à la variable a :’) ;
Lire(a) ;
Si (a mod 2 = 0) alors
Ecrire (‘le nombre est pair’) ;
Sinon
Ecrire (‘le nombre est impair’) ;
finsi
Fin
J
grandprof.org 37
Programmation JavaScript
Exercice 9
Écrire un script JS qui demande à l’utilisateur d’entrer une température et dit s’il fait
chaud ou froid sachant qu’il faut lorsque la température est supérieure à 20° et froid
dans le cas contraire
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Exercice 10
Écrire un script JS qui demande à un utilisateur d’entrer son âge puis lui dit si l’âge entré
est valide ou pas sachant que l’âge est valide s’il est compris entre 0 et 150.
J
Exercice 11
Ecrire un programme en JavaScript qui permet de résoudre l’équation ax + b = 0
V (On utilisera la structure la structure conditionnelle If …. else)
A
A
S
C
R
I
P
Q CM : Entourer la bonne.
1- Quel est l’intrus?
a) <script langage=”javascript”>
b) <script language=”javascript”>
c) <script type=”text/javascript”>
2- Soit le Tableau suivant T abMatiere=[“Maths” , “Info”, “Philo”,
Physique”].
L’instruction a lert(TabMatiere[2]) affiche la valeur :
a) Maths b) Info
c) Philo
3- Considérons le programme ci-dessous ; les valeurs continues les
variables x, y et z après l’exécution sont :
a) x=10, y=5, z=3
b) x=8, y=6, z=20
c) x=6, y=8, z=20
4- ’instruction JavaScript qui permet de declarer la function nommée
A ddition est :
a) function Addition ( )
b) fonction Addition( )
c) function Additionner ( )
om
T
Exercice 12
C
var x=10 ; var y=5 ; var z=3 ;
while (y !=6) {
x=y+z ;
y=2*z;
z=20 ;
}
38
grandprof.org
Programmation JavaScript
Exercice 13
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
<script language="javascript">
var N, i, S;
N=parseInt(prompt("entrez un nombre"));
S=0;
for (i = 1 ; i = N ; i++ ){
S = S + i ;
}
alert("la somme est:" +S);
</script>
71
Soit le script suivant :
J
A
1) Quelle est la structure de contrôle utilisé ? Par quelle autre structure peut-on la
V
remplacer ?
2) Qu’affichera le script pour N=3 ?
N=5 ?
A
3) Que fait ce script ?
S
Exercice 14
Écrire un programme JavaScript qui demande un nombre compris entre 10 et 20, C
jusqu’à ce que la réponse convienne. En cas de réponse supérieure à 20, on fera
apparaître un message : « Plus petit ! », et inversement, « Plus grand ! » si le nombre R
est inférieur à 10.
I
C
om
Exercice 15
P
Écrire un programme JavaScript qui demande un nombre de départ, et qui calcule
son factoriel.
T
NB : le factoriel de 5, notée 5 !, vaut 1 x 2 x 3 x 4 x 5
NB: on souhaite afficher uniquement le résultat, pas la décomposition du calcul.
grandprof.org 39
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Examens officiels
EXAMENS OFFICIELS
 Baccalauréat session 2013
 Baccalauréat session 2014
 Baccalauréat session 2015
 Baccalauréat session 2016
 Baccalauréat session 2017
 Baccalauréat session 2018
B
A
C
C
A
L
A
U
R
E
A
T
C
om
 Corrigés des examens
grandprof.org 125
Examens officiels
BACCALAUREAT SESSION 2013
B
A
C
C
A
L
A
U
R
E
A
T
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
I - Matériel et réseaux informatiques / 7 pts
1.1- Définir les termes : serveur, client.
2 pts
1.2- Citer deux (02) équipements d’interconnexion nécessaires à la configuration
d’un réseau local.
1 pt
1.3- Citer deux (02) Fournisseurs d’Accès Internet du marché camerounais. 1 pt
1.4- Citer quatre (04) services offerts par Internet.
2 pts
1.5- Citer deux périphériques d’entrée et deux périphériques de sortie d’un
ordinateur.
1 pt
I I- Logiciels d’application et programmation / 6 pts
2.1- Quelle est la fonction des balises suivantes :
2 pts
<table>………</table>
<head>………</table>
2.2- Citer quatre (04) opérations élémentaires que l’on peut effectuer dans une base
de données.
2 pts
2.3- Soit les familles de logiciels suivantes : traitement de texte, traitement d’image,
tableur, SGBD. Citer Un exemple de logiciel pour chacune d’elle.
2 pts
I II- Traitement de l’Information et bases de données / 7 pts
3.1- Donner la signification des termes et sigles suivants : Téléchargement, WWW,
HTML, requête.
2 pts
3.2- Soit la table « candidat » suivante contenue dans la base de données appelée
« BD_ELEVES » :
Prénom
Classe
Age
EKASSI
Jean Blaise
6ième 2
10
AKOA
Pierre Paul
Tle C
17
FOTSO
Jean De Dieu
2nde C
15
C
om
Nom
Donner le résultat des commandes : select (Nom) from Liste where Age=17 2,5pts
3.3- Sur une page HTML, citer trois endroits où on peut insérer un code Javascript.
3.4- Écrire le symbole qui prend couramment l’appellation : arobase.
1 pt
126 grandprof.org
Examens officiels
BACCALAUREAT SESSION 2014
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
I - Matériel et réseaux informatiques / 7 pts
I.1 Dans le contexte informatique, donner le définition des termes suivants : réseau
informatique, serveur, client.
(1 x 3 pts)
I.2 Citer deux (02) cartes d’extension que l’on peut insérer dans une carte mère 1 pt
I.3 Un support mémoire est un périphérique facilement transportable capable de
stocker des données. Citer (02) deux supports mémoires que vous connaissez . 1 pt
I.4 Donner le rôle du modem dans un réseau informatique.
(1 pt)
I I- Logiciels d’application et programmation / 6 pts
II.1 Dans le contexte informatique de programmation, donner la définition des
termes suivants : variable, HTML .
(1 x 2 pts)
II.2 Reproduire et compléter chacune des cases vides du tableau ci-dessous par le
terme convenablement choisi dans la liste suivante :
Sound Forge, MS Excel, html, publipostage, gif, MS FrontPage, Création d’un filtre,
Pub, acquisition vidéo, mixage, MS Publisher, doc .
(0,5 x 6 pts)
II.3 Donner la différence entre un logiciel de base et un logiciel d’application (1 pt)
I II- Traitement de l’Information et bases de données / 7 pts
III.1 Dans le contexte informatique, donner la définition du terme Codification 1pt
III.2 Donner la différence entre une information et une donnée .
(2 pts)
III.3 Le tableau ci-dessous représente les résultats des élèves d’un lycée à la fin d’une
année scolaire
A
NIVEAU
B
Nombre d’élèves
2
3
4
5
6
6è
5è
4è
3è
T otal des élèves
500
400
480
360
C
om
1
C
Nombre d’élèves ayant
une moyenne>10
440
360
400
300
D
T aux de réussite
B
A
C
C
A
L
A
U
R
E
A
T
III.3.1 Donner l’expression de la formule à mettre dans la cellule B6 pour calculer
le nombre total des élèves du lycée. (2 pts)
III.3.2 Donner l’expression de la formule à mettre dans la cellule D2 pour calculer
le taux de réussite des élèves de 6è sachant que : taux de réussite=(Nombre d’élèves
ayant la moyenne/Nombre d’élèves de la classe ) x 100 (2 pts)
grandprof.org 127
Examens officiels
BACCALAUREAT SESSION 2015
B
A
C
C
A
L
A
U
R
E
A
T
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
I - Matériel et réseaux informatiques / 7 pts
1. Citer une caractéristique d’un processeur
(1pt)
2. Donner deux exemples de périphériques d’entrée et un exemple de p ériphérique
de stockage
(2pts)
3. Citer deux topologies de réseaux filaires
(2pts)
4. Répondre par vrai ou faux
(2pts)
a. Le WLAN est un type de réseau sans fils
b. La fibre optique est un support de transmission utilisé dans les réseaux WIFI
c. Le http://www est l’ensemble des règles permettant d’établir la communication
dans un réseau informatique
I I- Logiciels d’application et programmation / 7 pts
1. Reproduire et compléter le tableau de conversion suivant :
Binaire
Octal
Décimal
101011
2.
a) Qu’est-ce qu’un SGBD ?
b) Citer un (01) exemple de SGBD.
3. Choisir la bonne réponse en considérant une session MySQL :
La commande Drop table permet :
a) La suppression d’une table.
b) L’insertion d’un enregistrement dans une table.
c) La modification des valeurs d’un enregistrement.
(3pts)
(1pt)
(1pt)
(2pts)
C
om
I II- Traitement de l’Information et bases de données / 6 pts
1. a) Répondre par vrai ou faux : Le browser ou navigateur est un logiciel qui permet
d’exécuter un code HTML ou JAVASCRIPT.
(1pt)
b) Citer un (01) exemple de navigateur.
(1pt)
2. On considère les catégories suivantes de logiciels : Tableur, Anti-virus, Système
d’Exploitation, Texteur, SGBD, Navigateur. Quelle est la catégorie qui est optimisée
pour effectuer chacune des tâches suivantes :
(2pts)
128 grandprof.org
Examens officiels
71
(2pts)
B
A
C
C
A
L
A
U
R
E
A
T
C
om
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
a) Saisir et mettre en forme un journal ?
b) Protéger le système contre les virus ?
c) Automatiser les calculs ?
d) Organiser et stocker les données d’une entreprise ?
3. Choisir la réponse juste parmi celles proposées :
3.1 Un logiciel qui permet d’accéder aux ressources sur Internet est :
a) Un navigateur
b) Un progiciel
c) Un texteur
d) Un tableur
3.2 Le langage de base de la programmation web est :
a) Le http
b) La balise
c) Le JavaScript
d) Le html
grandprof.org 129
Examens officiels
BACCALAUREAT SESSION 2016
B
A
C
C
A
L
A
U
R
E
A
T
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
I - Matériel et réseaux informatiques / 7 pts
I.1 Identifier parmi les représentations suivantes :
i) 255.255.255.0
ii) TCP/IP iii) http://www.obccam.cm
iv) 192.168.124.12
v) [email protected]
a. Une adresse d’un compte de messagerie
b. Une adresse IP
c. Une adresse URL
(1,5pt)
I.2 Quel est le rôle d’un Switch dans un réseau Informatique ?
(1pt)
I.3 Qu’appelle-t-on protocole dans un réseau Informatique ?
(1pt)
I.4 Quelle différence faites vous entre l’Internet et l’Intranet ?
(1pt)
I.5 Comment appelle-t-on la partie de l’ordinateur qui conserve les données en cours
de traitement ?
(1pt)
I.6 Quel est l’organe de traitement des données dans l’ordinateur ?
(1pt)
I I- Logiciels d’application et programmation / 6 pts
Soit le code ci-dessous :
C
om
II.1 Quels langages a-t-on utilisé pour écrire ce code ?
(1pt)
II.2 Donner un exemple de logiciel permettant d’éditer ce code.
(1pt)
II.3 Quel titre aura le document généré par ce code lorsqu’il sera interprété (1pt)
II.4 Quel sera le contenu de moyenne lorsque ce code sera interprété ? Choisir l’une
des propositions ci-dessous.
a) Vous avez réussi au baccalauréat ESG
b) 12,5
c) Echec
d) moyenne(12,13)
e) décision(12,5)
f)decision(moyenne(note1, note2))
g) document.write(‘’vous avez réussi au Baccalauréat ESG’’)
130 grandprof.org
Examens officiels
h) document.write(‘’Echec’’)
i) decision(moyenne(12,5))
II.5 Reproduire et remplir le tableau ci-dessous.
(2pts)
………
Traitement
d’images
……
Lecteur de
son
Exemples
Microsoft Excel
……
Notepad++
……
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
Catégories
de logiciels
I II- Traitement de l’Information et bases de données / 7 pts
Soit la base de données nommée Examens, constituée d’une seule table.
Table : candidats
C o de_candidat
14OBC001
14OBC014
14OBC094
No m
ELIMBI
AMADOU
WAMBA
Pr énom
Gustave
Ibrahim
Paulin
Examen
BAA4
BAD
BAA4
M o yenne
14,42
10,25
9,02
D écision
ADMIS
ADMIS
REFUSE
E t ablissement
Lycée d’Akwa
Collège de Mazenod
Collège Jean Tabi
C
om
III.1 Dans un SGBD, comment appelle-t-on le langage utilisé pour établir une
interaction entre le logiciel et l’utilisateur ?
(1pt)
III.2 Que signifie le sigle SGBD ? Citer un exemple de logiciel permettant de créer
cette base de données.
(2pts)
III.3 Citer deux avantages que peut procurer l’utilisation d’une base de données (1pt)
III.4 Compléter la requête ci-dessous permettant de sélectionner les établissements
des candidats admis :
Select (………….) from ………….. where …………. = ………… ; (2pts)
B
A
C
C
A
L
A
U
R
E
A
T
grandprof.org 131
Examens officiels
BACCALAUREAT SESSION 2017
I I- Logiciels d’application et programmation / 7 pts
troisième génération Dans le cadre de la programmation en JavaScript, Bibinga, élève
en classe de Terminale a écrit de bout de code ci-dessous.
<html>
<head>
<title> Jscript Program</title>
</head>
<body>
<SCRIPT language= "JavaScript">
var n, somme ;
n=prompt("entrer un nombre n") ;
ParseInt(n) ;
i=0 ;
somme=0 ;
while(i<=n){
i++ ;
somme=somme+i ;
}
C
om
B
A
C
C
A
L
A
U
R
E
A
T
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
I - Matériel et réseaux informatiques / 7 pts
Dans le cadre d’une séance de travaux dirigés, il vous est demandé d’interconnecter
trois ordinateurs de votre laboratoire d’informatique.
1. Donner le nom spécifique dédié à ce type de réseau informatique
1pt
2. Citer deux supports physiques d’interconnexion les mieux adaptés à ce type
d’installation.
1pt
3. Citer quatre types de données qu’on peut transmettre dans un réseau similaire.1pt
4. Les ordinateurs de votre réseau sont équipés de plusieurs types de mémoires :
mémoires vives, mémoires mortes, mémoires de masse, etc. Citer un exemple pour
chaque type de mémoire suscité.
1.5pt
5. La troisième génération de téléphonies mobiles notée (3G) offre une gamme de
services multimédia : nommer trois exemples de ces services.
1.5pt
6. En trois lignes donner la différence qui existe entre les deux notions informatiques
suivantes : bande passante et débit.
1pt
132 grandprof.org
Examens officiels
document.write("la somme obtenue est : " +somme) ;
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
</script>
</body>
</html>
1. Relever dans le code ci-dessous :
- deux instructions d’initialisation,
1pt
- une instruction de lecture (ou d’entrée),
0.5pt
- les instructions d’affichage (ou d’écriture)
1pt
2. Indiquer l’endroit de la page html où le code JavaScript a été inséré.
1pt
3. Citer deux éditeurs de texte compatibles avec les langages HTML et JavaScript.1pt
4. Par quel nom désigne-t-on les logiciels qui permettent aux systèmes d’exploitation
de gérer les périphériques ?
1pt
5. En trois lignes au plus, justifier l’affirmation : "JavaScript est un langage qui
s’exécute côté client".
1.5pt
C
om
I II- Traitement de l’Information et bases de données / 6 pts
Le questionnaire suivant a été proposé aux candidats à un emploi d’agent de
maîtrise dans une entreprise qui souhaite mettre en place une division des systèmes
d’informations.
Traiter les questions ainsi formulées fort des compétences acquises en classe et de
vos connaissances sur les systèmes de gestion des bases de données.
Dans l’environnement des SGBD :
1. Donner une définition de chacun des termes : formulaire, requête.
2pts
2. Donner en deux lignes au plus, en utilisant les verbes d’action appropriés la
signification de la phrase suivante. « SQL est un langage de manipulation des
données ».
1pt
3. Citer quatre caractéristiques d’un système de gestion des bases de données. 1pt
4. Considérons la table suivante nommée : Classement
Code
R1
M1
P2
O2
S1
Matière
Anglais
Informatique
Physique
Droit
Géographie
B
A
C
C
A
L
A
U
R
E
A
T
Moyenne
13
15
16
12
17
a. Écrire le résultat de la requête SQL suivante :
Select * From Classement Where (Moyenne<=15) ;
b. Donner la requête SQL permettant de renommer cette table Classement.
1pt
1pt
grandprof.org 133
Examens officiels
BACCALAUREAT SESSION 2018
I - Matériel et réseaux informatiques / 7 pts
71
1- Une entreprise de la place achète quatre ordinateurs identifiés par
PC1, PC2. PC3 et PC4. Ces ordinateurs disposent du même
environnement logiciel. Les composants matériels internes sont
identiques à l'exception de ceux présentée dans le tableau ci-dessous.
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
B
A
C
C
A
L
A
U
R
E
A
T
ORDINATEUR CPU
RAM
DISQUE DURE
PC1
2GHz
512 Mo 40 Go
PC2
1 GHz
512 Mo 80 Go
PC3
1,5 GHz 512 Mo 60 Go
PC4
2 GHz
512 Mo 60 Go
1.1. Donner la signification des acronymes CPU, RAM.
(1 pt)
1.2. Identifier selon les performances présentées dans le tableau ci-dessus,
l’ordinateur le plus rapide ainsi que l'ordinateur le moins rapide.
(2pts)
2. Le Collège BAMBA dispose d'une salle informatique dans laquelle tous les
ordinateurs sont connectés en réseau et possèdent chacun une adresse IP. La
topologie physique utilisée est en étoile.
2.1. Quel est le rôle d'une adresse IP ?
(1 pt)
2.2. Donner le nom d'un équipement qui permet d’interconnecter tous ces
ordinateurs(1 pt)
2.3. Selon l’étendue géographique, quel type de réseau possède le collège SAMBA ?
Justifier voie réponse.
(2 pts)
C
om
I I- Logiciels d’application et programmation / 6 pts
l. Expliquer les expressions suivantes : logiciel propriétaire, logiciel libre
2. Donner une méthode d’obtention d'un logiciel propriétaire.
3. Donner le rôle des extraits des balises HTML présentes ci-dessous
<B>, </U>, <FORM>, </SCRIPT>
4. Que produit l'exécution du code ci-dessous?
<SCRIPT language="Javascript">
alert(‘Le baccalauréat cette année’) ;
</SCRIPT>
134 grandprof.org
(1 pt)
(1 pt)
(2 pts)
(1 pt)
Examens officiels
5. Quel résultat produit l'exécution des commandes MS DOS suivantes :
5.1. MD document.
(0, 5pt)
5.2. DI R document.
(0,5 pt)
B
A
C
C
A
L
A
U
R
E
A
T
C
om
Ve
m rs
an io
de n
z co
au m
67 plè
65 te:
19 2
46 00
4 0F
& C
69 FA
94
94
6
71
I II- Traitement de l’Information et bases de données / 7 pts
1. Effectuer l'opération suivante en base 2 : 1110111 + 101110
(1 pt)
2. Justifier le fait que le microprocesseur travaille exclusivement en binaire. (1 pt)
3. Les bases de données relationnelles disposent des « clés primaires » et peuvent être
manipulées à travers des requêtes.
3.1. Définir les termes suivants : requête, clé primaire.
(2 pts)
3.2. Soit la table « Enseignant » dont l'extrait est donne ci-dessous :
MATRICULE NOM
PRÉNOM MATIÈRE
UV201
MBIDA
Marcus
Anglais
UV202
FANYEP Linux
Informatique
UV203
YAYA
Stan
Mathématique
UV204
DIKA
Daniel
Informatique
Écrire la requête SQL permettant de :
a) Créer la table « Enseignant».
(2 pts)
b) Afficher les noms et prénoms des enseignants d’informatique.
(1 pt)
grandprof.org 135
Examens officiels
B
A
C
C
A
L
A
U
R
E
A
T
148 grandprof.org
Téléchargement