« Découvrir le SVG/Le SVG pour l'enseignement des mathématiques et de la programmation » : différence entre les versions

Contenu supprimé Contenu ajouté
Ligne 259 :
** la commande <code>&lt;rect…&gt;</code> a provoqué le tracé d'un rectangle dont le sommet en bas a gauche a pour coordonnées (2 ; 6) et qui a une largeur de 5 et une hauteur de 3 ; c'est-à-dire que le sommet en bas à gauche a pour coordonnées les attributs (''x'' ; ''y''), pour largeur l'attribut ''{{lang|en|width}}'' et pour hauteur l'attribut ''{{lang|en|height}}'' <br />notez qu'en anglais, ''{{lang|en|width}}'' signifie « largeur » et ''{{lang|en|height}}'' signifie « hauteur » ;
* pour la question du point 13 : le descriptif est utilisé pour l'audio-description ; il permet aux aveugles et mal-voyants de savoir ce que contient l'image ; il peut aussi servir a catégoriser l'image pour faciliter son classement et permettre de la retrouver facilement avec un moteur de recherche.
}}
 
=== 2. Créer un fichier SVG à l'aide d'un programme développé par soi-même ===
 
==== Notes à l'enseignant ====
 
'''Prérequis'''
 
Ces travaux dirigés sont destinés à des élèves connaissant un langage de programmation et qui sont capables :
# De créer un chaîne de caractères.
# De créer un fichier texte.
Le langage utilisé importe peu.
 
Nous choisissons ici de créer une courbe représentative d'une fonction mathématique simple. Pour l'exemple, nous choisissons la fonction ƒ(''x'') = ''x''² car tous les langages de programmation possèdent la fonction multiplié. On peut bien entendu utiliser une autre fonction selon les possibilité du langage, comme par exemple une fonction trigonométrique.
 
Dans la formulation, nous restons volontairement flou en ce qui concerne la « vingtaine de valeurs bien réparties ». La valeur 0 faisant partie de l'intervalle, il paraît évident qu'elle doit faire partie de l'échantillon, le plus simple étant alors d'avoir un nombre impair de valeurs — 19 ou 21 — réparties de manière uniforme.
 
'''Objectifs'''
 
À l'issue de la séance, l'élève devra savoir qu'il est possible de générer automatiquement un fichier SVG exploitable et devra être en mesure de générer un fichier simple.
 
==== Activité unique : Créer une image SVG à l'aide d'un programme développé par soi-même ====
 
'''Présentation'''
 
Une image SVG étant un fichier texte, on peut créer un fichier texte à partir d'un programme que l'on réalise soi-même. C'est ce que nous allons faire ici.
 
'''À faire'''
 
Dans le langage de votre choix ''(ou bien dans un langage imposé par l'enseignant)'', déterminez les valeurs de la fonction carré, ƒ(''x'') = ''x''², pour une vingtaine de valeurs de ''x'' bien réparties entre –5 et 5. Créer un fichier au format SVG permettant d'afficher la courbe réprésentative ''y'' = ƒ(''x'') dans un navigateur Web.
 
{{boîte déroulante|titre=Réponse attendue|contenu=Nous choisissons ici de donner la solution avec le langage [[Scilab]].
{{...}}
 
}}