import Exercice from '../Exercice.js'
import { mathalea2d } from '../../modules/2dGeneralites.js'
import { context } from '../../modules/context.js'
import { randint, troncature, calcul, choisitLettresDifferentes, texNombre, texFraction, nombreDeChiffresDe, stringNombre, listeQuestionsToContenu } from '../../modules/outils.js'
import { point, segment, droiteGraduee } from '../../modules/2d.js'
import FractionX from '../../modules/FractionEtendue.js'
import { setReponse } from '../../modules/gestionInteractif.js'
import { ajouteChampTexteMathLive } from '../../modules/interactif/questionMathLive.js'
export const titre = 'Lire une abscisse décimale grâce à des zooms successifs'
export const amcReady = true
export const amcType = 'AMCHybride'
export const interactifReady = true
export const interactifType = 'mathLive'
export const dateDeModifImportante = '22/11/2022'
/**
* 6N23-3
* Ajout Interactivité et AMC : Janvier 2022 par EE
*/
export const uuid = '23c48'
export const ref = '6N23-3'
export default function LireUneAbscisseAvecZoom () {
Exercice.call(this) // Héritage de la classe Exercice()
this.niveau = 'sixième'
this.sup = 3
this.consigne = ''
if (context.isHtml) {
this.spacing = 2
this.spacingCorr = 3
} else {
this.spacing = 1
this.spacingCorr = 1
}
this.vspace = -1
this.nbCols = 1
this.nbColsCorr = 1
this.nbQuestions = 1
// this.nbQuestionsModifiable = false
this.nouvelleVersion = function () {
this.listeQuestions = [] // Liste de questions
this.listeCorrections = [] // Liste de questions corrigées
this.autoCorrection = []
for (let i = 0, texte, texteCorr, cpt = 0; i < this.nbQuestions && cpt < 50;) {
let reponse1; let reponse2A; let reponse2B; let reponse3
let d1; let d2; let d3; let d3Corr; let d1Corr; let d2Corr; let extremite; let extreme; const noms = choisitLettresDifferentes(5, 'QFN')
let x1 = 0; let x2 = 0; let x3 = 0; const objets = []; let fenetre; let thickOff = 0; const objetsCorr = []; let xmin; let xmax; let origine; let pA1; let pA2; let pB1; let pB2; let sA; let sB; let x21; let x31; let pC1; let pC2; let pD1; let pD2; let sC; let sD
if (this.sup === 1) {
if (this.niveau === 'CM') {
xmin = 0
thickOff = 0
origine = 0
extreme = 9
xmax = 9
} else {
xmin = randint(5, 10) - 0.2
origine = Math.round(xmin + 0.2)
extreme = calcul(origine + 9)
thickOff = 0.1
xmax = origine + 9.2
}
x1 = calcul(xmin + 0.2 + randint(1, 5) + randint(2, 8) / 10)
if (xmin === 0) extremite = '|->'
else extremite = '->'
d1 = droiteGraduee({
x: 0,
y: 3,
Min: xmin,
axePosition: 'H',
Max: xmax + 0.2,
thickSec: true,
thickTer: false,
Unite: 3,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 4,
labelsPrincipaux: false,
labelListe: [[origine, `${stringNombre(origine)}`], [extreme, `${stringNombre(extreme)}`]],
pointListe: [[x1, `${noms[1]}`], [Math.floor(x1), `${noms[0]}`], [Math.floor(x1 + 1), `${noms[2]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
d2 = droiteGraduee({
x: Math.floor(x1) - xmin + 1.5,
y: 0,
Min: Math.floor(x1),
axePosition: 'H',
Max: Math.floor(x1 + 1),
thickSec: true,
thickTer: false,
Unite: 20,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 4,
labelsPrincipaux: false,
pointListe: [[x1, `${noms[1]}`], [Math.floor(x1), `${noms[0]}`], [Math.floor(x1 + 1), `${noms[2]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
d1Corr = droiteGraduee({
x: 0,
y: 3,
Min: xmin,
axePosition: 'H',
Max: xmax + 0.2,
thickSec: true,
thickTer: false,
Unite: 3,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 4,
labelsPrincipaux: true,
labelListe: [[origine, `${stringNombre(origine)}`], [extreme, `${stringNombre(extreme)}`]],
pointListe: [[x1, `${noms[1]}`], [Math.floor(x1), `${noms[0]}`], [Math.floor(x1 + 1), `${noms[2]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
d2Corr = droiteGraduee({
x: Math.floor(x1) - xmin + 1.5,
y: 0,
Min: Math.floor(x1),
axePosition: 'H',
Max: Math.floor(x1 + 1),
thickSec: true,
thickTer: false,
Unite: 20,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 4,
labelsPrincipaux: false,
labelsSecondaires: true,
labelListe: [[Math.floor(x1), `${stringNombre(Math.floor(x1))}`], [x1, `${stringNombre(x1)}`], [Math.ceil(x1), `${stringNombre(Math.ceil(x1))}`]],
pointListe: [[x1, `${noms[1]}`], [Math.floor(x1), `${noms[0]}`], [Math.floor(x1 + 1), `${noms[2]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
pA1 = point((Math.floor(x1) - xmin) * 3, 3)
pA2 = point(Math.floor(x1) - xmin + 1.5, 0)
pB1 = point((Math.floor(x1) + 1 - xmin) * 3, 3)
pB2 = point(Math.floor(x1) - xmin + 21.5, 0)
sA = segment(pA1, pA2)
sB = segment(pB1, pB2)
sA.pointilles = 5
sB.pointilles = 5
objets.push(d1, d2, sA, sB)
objetsCorr.push(d1Corr, d2Corr, sA, sB)
fenetre = { xmin: -1.5, xmax: 35, ymin: -1, ymax: 4.5, pixelsParCm: 25, scale: 0.5 }
texteCorr = `L'abscisse de ${noms[1]} est : $${texNombre(x1)}=${texNombre(Math.floor(x1))} + ${texFraction(calcul(10 * (x1 - Math.floor(x1))), 10)}=${texFraction(calcul(x1 * 10), 10)}$.<br>`
reponse1 = x1
reponse2A = Math.floor(x1)
reponse2B = new FractionX(calcul(10 * (x1 - Math.floor(x1))), 10)
reponse3 = new FractionX(calcul(x1 * 10), 10)
} else if (this.sup === 2) {
if (this.niveau === 'CM') {
xmin = 0
thickOff = 0
} else {
xmin = randint(1, 15) - 0.02
thickOff = 0.01
}
xmax = xmin + 1.05
x1 = calcul(xmin + 0.02 + randint(2, 8) / 10 + randint(2, 8) / 100)
x2 = calcul(Math.floor(x1 * 10) / 10)
x3 = calcul(x2 + 0.1)
// xmin=calcul(x2-0.8)
// xmax=calcul(xmin+1.7)
if (xmin === 0) extremite = '|->'
else extremite = '->'
d1 = droiteGraduee({
x: 0,
y: 3,
Min: xmin,
axePosition: 'H',
Max: xmax,
thickSec: true,
thickTer: true,
Unite: 30,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 8,
thickDistance: 1,
thickSecDist: 0.1,
thickTerDist: 0.01,
labelsPrincipaux: false,
labelListe: [[Math.floor(x1), `${Math.floor(x1)}`], [Math.ceil(x1), `${Math.ceil(x1)}`]],
pointListe: [[x1, `${noms[1]}`], [x2, `${noms[0]}`], [x3, `${noms[2]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
d2 = droiteGraduee({
x: (x2 - xmin) + 6,
y: 0,
Min: x2,
axePosition: 'H',
Max: x2 + 0.1,
thickSec: true,
thickTer: false,
Unite: 200,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 6,
thickDistance: 0.1,
thickSecDist: 0.01,
thickTerDist: 0.001,
labelsPrincipaux: false,
pointListe: [[x1, `${noms[1]}`], [x2, `${noms[0]}`], [x2 + 0.1, `${noms[2]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
d1Corr = droiteGraduee({
x: 0,
y: 3,
Min: xmin,
axePosition: 'H',
Max: xmax,
thickSec: true,
thickTer: true,
Unite: 30,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 8,
thickDistance: 1,
thickSecDist: 0.1,
thickTerDist: 0.01,
labelsSecondaires: true,
labelListe: [[Math.floor(x1), `${Math.floor(x1)}`], [Math.ceil(x1), `${Math.ceil(x1)}`]],
pointListe: [[x1, `${noms[1]}`], [x2, `${noms[0]}`], [x3, `${noms[2]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
d2Corr = droiteGraduee({
x: (x2 - xmin) + 6,
y: 0,
Min: x2,
axePosition: 'H',
Max: x2 + 0.1,
thickSec: true,
thickTer: false,
Unite: 200,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 6,
thickDistance: 0.1,
thickSecDist: 0.01,
thickTerDist: 0.001,
labelsPrincipaux: false,
labelsSecondaires: true,
labelListe: [[x2, `${stringNombre(x2)}`], [x1, `${stringNombre(x1)}`], [x3, `${stringNombre(x3)}`]],
pointListe: [[x1, `${noms[1]}`], [x2, `${noms[0]}`], [x2 + 0.1, `${noms[2]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
pA1 = point((Math.floor(x1 * 10) / 10 - xmin) * 30, 3)
pA2 = point(x2 - xmin + 6, 0)
pB1 = point((Math.floor(x1 * 10) / 10 + 0.1 - xmin) * 30, 3)
pB2 = point(x3 - xmin + 26, 0)
sA = segment(pA1, pA2)
sB = segment(pB1, pB2)
sA.pointilles = 5
sB.pointilles = 5
fenetre = { xmin: -1.5, xmax: 35, ymin: -1.5, ymax: 4.5, pixelsParCm: 25, scale: 0.5 }
objets.push(d1, d2, sA, sB)
objetsCorr.push(d1Corr, d2Corr, sA, sB)
const partent = Math.floor(x1); const pardec = calcul(x1 - partent)
texteCorr = `L'abscisse de ${noms[1]} est : $${texNombre(x1)}=${texNombre(partent)} + ${texFraction(calcul(pardec * 100), 100)}=${texFraction(calcul(x1 * 100), 100)}$.<br>`
reponse1 = x1
reponse2A = partent
reponse2B = new FractionX(calcul(pardec * 100), 100)
reponse3 = new FractionX(calcul(x1 * 100), 100)
} else if (this.sup === 3) {
if (this.niveau === 'CM') {
xmin = 0
xmax = 1
thickOff = 0
x1 = calcul(xmin + randint(2, 8) / 10 + randint(2, 8) / 100 + randint(2, 8) * 0.001)
x2 = troncature(x1, 1)
x21 = troncature(x1, 2)
x3 = calcul(x2 + 0.1)
x31 = calcul(x21 + 0.01)
} else {
xmin = randint(1, 15)
xmax = xmin + 1
x1 = calcul(xmin + randint(2, 8) / 10 + randint(2, 8) / 100 + randint(2, 8) * 0.001)
x2 = troncature(x1, 1)
x21 = troncature(x1, 2)
x3 = calcul(x2 + 0.1)
x31 = calcul(x21 + 0.01)
xmin = Math.floor(x2)
xmax = xmin + 1
thickOff = 0.001
}
if (xmin === 0) extremite = '|->'
else extremite = '->'
d1 = droiteGraduee({
x: 0,
y: 6,
Min: xmin,
axePosition: 'H',
Max: xmax,
thickSec: true,
thickTer: true,
Unite: 30,
thickDistance: 1,
thickSecDist: 0.1,
thickTerDist: 0.01,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 6,
labelsPrincipaux: true,
labelListe: [[xmin, `${stringNombre(xmin)}`], [xmax, `${stringNombre(xmax)}`]],
pointListe: [[x1, `${noms[1]}`], [x2, `${noms[0]}`], [x3, `${noms[2]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 3,
axeStyle: extremite
})
d2 = droiteGraduee({
x: 6.5,
y: 3,
Min: x2,
axePosition: 'H',
Max: x3,
thickSec: true,
thickTer: true,
Unite: 200,
thickSecDist: 0.01,
thickTerDist: 0.001,
thickDistance: 0.1,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 6,
labelsPrincipaux: false,
pointListe: [[x1, `${noms[1]}`], [x2, `${noms[0]}`], [x3, `${noms[2]}`], [x21, `${noms[3]}`], [x31, `${noms[4]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
d3 = droiteGraduee({
x: 6.5,
y: 0,
Min: x21,
axePosition: 'H',
Max: x31,
thickSec: true,
thickTer: false,
Unite: 2000,
thickSecDist: 0.001,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 6,
labelsPrincipaux: false,
pointListe: [[x1, `${noms[1]}`], [x21, `${noms[3]}`], [x31, `${noms[4]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
d1Corr = droiteGraduee({
x: 0,
y: 6,
Min: xmin,
axePosition: 'H',
Max: xmax,
thickSec: true,
thickTer: true,
Unite: 30,
thickDistance: 1,
thickSecDist: 0.1,
thickTerDist: 0.01,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 6,
labelsPrincipaux: true,
labelsSecondaires: true,
labelListe: [[xmin, `${stringNombre(xmin)}`], [xmax, `${stringNombre(xmax)}`]],
pointListe: [[x1, `${noms[1]}`], [x2, `${noms[0]}`], [x3, `${noms[2]}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 3,
axeStyle: extremite
})
d2Corr = droiteGraduee({
x: 6.5,
y: 3,
Min: x2,
axePosition: 'H',
Max: x3,
thickSec: true,
thickTer: true,
Unite: 200,
thickSecDist: 0.01,
thickTerDist: 0.001,
thickDistance: 0.1,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 6,
labelsPrincipaux: false,
labelsSecondaires: true,
pointListe: [[x1, `${noms[1]}`], [x2, `${noms[0]}`], [x3, `${noms[2]}`], [x21, `${noms[3]}`], [x31, `${noms[4]}`]],
labelListe: [[x2, `${stringNombre(x2)}`], [x3, `${stringNombre(x3)}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
d3Corr = droiteGraduee({
x: 6.5,
y: 0,
Min: x21,
axePosition: 'H',
Max: x31,
thickSec: true,
thickTer: false,
Unite: 2000,
thickSecDist: 0.001,
thickOffset: thickOff,
thickCouleur: 'black',
axeCouleur: 'black',
axeHauteur: 6,
labelsPrincipaux: false,
labelsSecondaires: true,
pointListe: [[x1, `${noms[1]}`], [x21, `${noms[3]}`], [x31, `${noms[4]}`]],
labelListe: [[x21, `${stringNombre(x21)}`], [x31, `${stringNombre(x31)}`]],
pointTaille: 6,
pointOpacite: 0.8,
pointCouleur: 'blue',
pointStyle: '|',
pointEpaisseur: 2,
axeStyle: extremite
})
pA1 = point((x2 - xmin) * 30, 6)
pA2 = point(6.5, 3)
pB1 = point((x3 - xmin) * 30, 6)
pB2 = point(26.5, 3)
sA = segment(pA1, pA2)
sB = segment(pB1, pB2)
sA.pointilles = 5
sB.pointilles = 5
pC1 = point(6.5 + (x21 - x2) * 200, 3)
pC2 = point(6.5, 0)
pD1 = point(6.5 + (x31 - x2) * 200, 3)
pD2 = point(26.5, 0)
sC = segment(pC1, pC2)
sD = segment(pD1, pD2)
sC.pointilles = 5
sD.pointilles = 5
fenetre = { xmin: -1.5, xmax: 35, ymin: -1.5, ymax: 7.5, pixelsParCm: 25, scale: 0.5 }
objets.push(d1, d2, d3, sA, sB, sC, sD)
objetsCorr.push(d1Corr, d2Corr, d3Corr, sA, sB, sC, sD)
const partent = Math.floor(x1); const pardec = calcul(x1 - partent)
texteCorr = `L'abscisse de ${noms[1]} est : $${texNombre(x1)}=${texNombre(partent)} + ${texFraction(calcul(pardec * 1000), 1000)}=${texFraction(calcul(x1 * 1000), 1000)}$.<br>`
reponse1 = x1
reponse2A = partent
reponse2B = new FractionX(calcul(pardec * 1000), 1000)
reponse3 = new FractionX(calcul(x1 * 1000), 1000)
}
texte = `Donner l'abscisse de ${noms[1]} sous `
texte += context.isAmc ? 'deux ' : 'trois '
texte += 'formes : en écriture décimale'
texte += context.isAmc ? '' : ', comme somme d\'un nombre entier et d\'une fraction décimale,'
texte += ' et sous forme d\'une seule fraction décimale.<br>'
texte += mathalea2d(fenetre, objets)
if (this.interactif) {
setReponse(this, 0, reponse1)
setReponse(this, 1, reponse2A)
setReponse(this, 2, reponse2B, { formatInteractif: 'fraction' })
setReponse(this, 3, reponse3, { formatInteractif: 'fraction' })
texte += ajouteChampTexteMathLive(this, i * 4, 'largeur25 inline nospacebefore', { tailleExtensible: true, texte: `Abscisse de ${noms[1]} en écriture décimale : ` })
texte += '<br><br>' + ajouteChampTexteMathLive(this, i * 4 + 1, 'largeur25 inline nospacebefore', { tailleExtensible: true, texte: `Abscisse de ${noms[1]} comme somme d'un nombre entier et d'une fraction décimale : ` }) + ajouteChampTexteMathLive(this, i * 4 + 2, 'largeur25 inline nospacebefore', { formatInteractif: 'fraction', tailleExtensible: true, texte: '+' })
texte += '<br><br>' + ajouteChampTexteMathLive(this, i * 4 + 3, 'largeur25 inline nospacebefore', { formatInteractif: 'fraction', tailleExtensible: true, texte: `Abscisse de ${noms[1]} sous forme d'une fraction décimale : ` })
} else if (context.isAmc) {
this.autoCorrection[i] = {
enonce: texte,
// melange: false, // EE : ce champ est facultatif et permet (si false) de ne pas provoquer le mélange des questions.
options: { multicols: true, barreseparation: false },
propositions: [
{
type: 'AMCNum', // on donne le type de la première question-réponse qcmMono, qcmMult, AMCNum, AMCOpen
propositions: [ // une ou plusieurs (Qcms) 'propositions'
{
reponse: { // utilisé si type = 'AMCNum'
texte: `Abscisse de ${noms[1]} en écriture décimale : `, // facultatif
valeur: reponse1, // obligatoire (la réponse numérique à comparer à celle de l'élève). EE : Si une fraction est la réponse, mettre un tableau sous la forme [num,den]
alignement: 'center', // EE : ce champ est facultatif et n'est fonctionnel que pour l'hybride. Il permet de choisir où les cases sont disposées sur la feuille. Par défaut, c'est comme le texte qui le précède. Pour mettre à gauche, au centre ou à droite, choisir parmi ('flushleft', 'center', 'flushright').
param: {
digits: 0, // obligatoire pour AMC (le nombre de chiffres pour AMC, si digits est mis à 0, alors il sera déterminé pour coller au nombre décimal demandé)
decimals: 0, // facultatif. S'il n'est pas mis, il sera mis à 0 et sera déterminé automatiquement comme décrit ci-dessus
signe: false // (présence d'une case + ou -)
}
}
}
]
},
{
type: 'AMCNum', // on donne le type de la deuxième question-réponse qcmMono, qcmMult, AMCNum, AMCOpen
propositions: [ // une ou plusieurs (Qcms) 'propositions'
{
reponse: { // utilisé si type = 'AMCNum'
texte: `Abscisse de ${noms[1]} sous forme d'une fraction décimale : `,
valeur: reponse3, // obligatoire (la réponse numérique à comparer à celle de l'élève). EE : Si une fraction est la réponse, mettre un tableau sous la forme [num,den]
alignement: 'center', // EE : ce champ est facultatif et n'est fonctionnel que pour l'hybride. Il permet de choisir où les cases sont disposées sur la feuille. Par défaut, c'est comme le texte qui le précède. Pour mettre à gauche, au centre ou à droite, choisir parmi ('flushleft', 'center', 'flushright').
param: {
digits: 0, // obligatoire pour AMC (le nombre de chiffres pour AMC, si digits est mis à 0, alors il sera déterminé pour coller au nombre décimal demandé)
decimals: 0, // facultatif. S'il n'est pas mis, il sera mis à 0 et sera déterminé automatiquement comme décrit ci-dessus
signe: false, // (présence d'une case + ou -)
digitsNum: nombreDeChiffresDe(reponse2B.num), // Facultatif. digitsNum correspond au nombre TOTAL de chiffres du numérateur à coder si la réponse est une fraction.
digitsDen: nombreDeChiffresDe(reponse2B.den) // Facultatif. digitsDencorrespond au nombre TOTAL de chiffres du dénominateur à coder si la réponse est une fraction.
}
}
}
]
}
]
}
}
texteCorr += mathalea2d(fenetre, objetsCorr)
if (this.questionJamaisPosee(i, texte)) {
// Si la question n'a jamais été posée, on la stocke dans la liste des questions
this.listeQuestions.push(texte)
this.listeCorrections.push(texteCorr)
i++
}
cpt++
}
listeQuestionsToContenu(this) // On envoie l'exercice à la fonction de mise en page
}
this.besoinFormulaireNumerique = ['Niveau de difficulté', 3, '1 : Au dixième\n2 : Au centième\n3 : Au millième']
}