Logique
Boucles
Math
Texte
Listes
Données
Variables
Fonctions
Programmation
p5.js
Objets web
Propriétés
Formes
Tortue
Apparence
GeoGebra
var canevas, video, titre, gif, png, monEspace, x, texte, taille, hauteur, largeur, centre, temporaire, couleur_texte, couleur_fond, videos, bouton, nbTotalVideos, noVideo, posContenant, titreFin, posTitreFin, commentaire, posCommentaire, contenant, adresse, visible, pageWeb, contenantPageCache, contenantPage, bouton2, contenantPage2, pageWeb2; /** * Fonction exécutée une fois, au départ */ function actions_initiales() { document.body.style.paddingLeft="20px"; disposerPageExecution(true,1000); document.body.style.backgroundImage = 'url(http://profmath.uqam.ca/~boileau/Nouvelles/Fichiers/UQAM2021/spheres.png)'; document.body.style.backgroundSize = "cover"; titre=createElement("h1",'Représentations des sphères de Dandelin'); stylerObjetPrudent("titre",titre,'taille-caractère','36pt'); stylerObjetPrudent("titre",titre,'color','#ffffff'); stylerObjetPrudent("titre",titre,'background','#3366ff'); monEspace=creerBlocTexteFormat(['On peut définir une conique de plusieurs façons, dont les deux suivantes:', ' • section d\'un cône par un plan', ' • lieu de points défini en termes de foyers.', '', 'Mais comment trouver les foyers à partir de l\'intersection d\'un cône par un plan?', 'Le plus simple est d\'utiliser les sphères de Dandelin.'],970,210,false,10,28,'#ffffff','#3366ff'); createSpan("<br>"); createSpan("<br>"); monEspace=creerBlocTexteFormat(['L\'image suivante montre l\'intersection d\'un cône par un plan (en rouge), ainsi que les sphères de Dandelin associées.', '', 'Elle illustre aussi comment trouver les foyers et établir que la somme des distances des points de l\'ellipse aux deux foyers est constante: c\'est la longueur du segment noir.'],300,470,false,10,28,'#ffffff','#3366ff'); createSpan("").style("display","inline-block").style("width","20px"); png=createImg('http://profmath.uqam.ca/~boileau/Boileau_Andre/images/Dandelin.png'); stylerObjetPrudent("png",png,'hauteur','490px'); createSpan("<br>"); createSpan("<br>"); gif=createImg('http://profmath.uqam.ca/~boileau/Nouvelles/images/Dandelin.gif'); stylerObjetPrudent("gif",gif,'hauteur','490px'); createSpan("").style("display","inline-block").style("width","20px"); monEspace=creerBlocTexteFormat(['Le GIF animé ci-contre illustre dynamiquement les fait que, même si la distance aux deux foyers varie quand un point parcourt l\'ellipse, la somme de ces distances demeure constante.', '', 'En effet, on constate que cette somme est toujours égale au segment noir, dont la longueur ne varie pas.'],300,470,false,10,28,'#ffffff','#3366ff'); createSpan("<br>"); createSpan("<br>"); monEspace=creerBlocTexteFormat(['La vidéo ci-contre reprend la même animation que le GIF précédent, mais elle offre plus de possibilités à l\'utilisateur.', '', 'En effet, celui-ci peut stopper ou déclencher l\'animation, aller directement à l\'image désirée, et même présenter le tout en mode plein écran.'],300,470,false,10,28,'#ffffff','#3366ff'); createSpan("").style("display","inline-block").style("width","30px"); video=insererVideo('http://profmath.uqam.ca/~boileau/Nouvelles/Fichiers/UQAM2021/Dandelin.mp4',true,true,true,640,480); createSpan("<br>"); createSpan("<br>"); importerFigureGGB('figureGGB','http://profmath.uqam.ca/~boileau/Nouvelles/Fichiers/UQAM2021/dandelin.html',600,700); stylerObjetPrudent("(select('#'+'figureGGB'))",(select('#'+'figureGGB')),'couleur-fond','#3366ff'); createSpan("").style("display","inline-block").style("width","16px"); monEspace=creerBlocTexteFormat(['La figure GeoGebra ci-contre peut paraître plus statique que les deux représentations précédentes car rien ne varie à priori.', '', 'Mais l\'utilisateur peut lui-même modifier plusieurs éléments de la figure (angle du cône, inclinaison du plan, point sur la conique) et de sa visualisation (zooms, rotations, translations).'],340,690,false,10,36,'#ffffff','#3366ff'); createSpan("<br>"); createSpan("<br>"); monEspace=creerBlocTexteFormat(['À doite, nous avons repris la figure GeoGebra précédente afin d\'illustrer que <i>p5Visuel</i> permet de modifier certaines de ses caractéristiques.', '', 'Dans le cas présent, on a ajouté un point libre à l\'origine, rendu visible le système d\'axes utilisé, et permis l\'utilisation du clic droit pour modifier la figure.'],340,690,false,10,36,'#ffffff','#3366ff'); createSpan("").style("display","inline-block").style("width","20px"); importerFigureGGB('figureGGB2','http://profmath.uqam.ca/~boileau/Nouvelles/Fichiers/UQAM2021/dandelin.html',600,700); stylerObjetPrudent("(select('#'+'figureGGB2'))",(select('#'+'figureGGB2')),'couleur-fond','#3366ff'); init_figureGGB2(); createSpan("<br>"); createSpan("<br>"); bouton2=createButton('Cacher deux vues du site web <i>Les coniques</i>'); stylerObjetPrudent("bouton2",bouton2,'taille-caractère','24pt'); stylerObjetPrudent("bouton2",bouton2,'couleur','#ffffff'); stylerObjetPrudent("bouton2",bouton2,'padding','10px'); stylerObjetPrudent("bouton2",bouton2,'couleur-fond','#3366ff'); stylerObjetPrudent("bouton2",bouton2,'cursor','pointer'); siClicPrudent("bouton2",bouton2,"visibilit_C3_A9",visibilit_C3_A9); contenantPage=createElement('div',''); stylerObjetPrudent("contenantPage",contenantPage,'couleur-fond','#ccffff'); pageWeb=insererPageWeb('http://profmath.uqam.ca/~boileau/Boileau_Andre/Coniques/Coniques_3/sections.html',1010,1440,10,'#3366ff'); assignerParentPrudent("pageWeb",pageWeb,"contenantPage",contenantPage); contenantPageCache = false; positionnerObjetPrudent("contenantPage",contenantPage,1040,120); contenantPage2=createElement('div',''); stylerObjetPrudent("contenantPage2",contenantPage2,'couleur-fond','#ccffff'); pageWeb2=insererPageWeb('http://profmath.uqam.ca/~boileau/Boileau_Andre/Coniques/Coniques_3/versLieux.html',1010,1440,10,'#3366ff'); assignerParentPrudent("pageWeb2",pageWeb2,"contenantPage2",contenantPage2); positionnerObjetPrudent("contenantPage2",contenantPage2,1040,1890); titreFin=createP((String('Créé avec ') + String(retourneLien((("<i>"+'p5Visuel'+"</i>")),'http://profmath.uqam.ca/~boileau/p5VisuelWEB/index.html',true)))); stylerObjetPrudent("titreFin",titreFin,'couleur','#3366ff'); } /** * Fonction exécutée périodiquement, de façon répétée */ function actions_en_boucle() { } /** * Décrire cette fonction… */ function visibilit_C3_A9() { contenantPageCache = !contenantPageCache; if (contenantPageCache) { cacherObjetPrudent("contenantPage",contenantPage); cacherObjetPrudent("contenantPage2",contenantPage2); fixeContenuPrudent("bouton2",bouton2,'Montrer deux vues du site web <i>Les coniques</i>'); } else { montrerObjetPrudent("contenantPage",contenantPage); montrerObjetPrudent("contenantPage2",contenantPage2); fixeContenuPrudent("bouton2",bouton2,'Cacher deux vues du site web <i>Les coniques</i>'); } } /** * Décrire cette fonction… */ function init_figureGGB2() { if (chargementCadreGGBtermine('figureGGB2')) { executerCommandeJSdansGGBCourt('enableRightClick(true)') rendre_visible(true,false); executerCommandeGeoGebraFCourt('(0,0,0)') } else { faireDelaiPrudent("init_figureGGB2",init_figureGGB2,0.5); } }