Récupération du cours SVG

This commit is contained in:
2025-10-30 13:08:21 +01:00
commit aae4193595
171 changed files with 15661 additions and 0 deletions

19
examen/chemical.svg Executable file
View File

@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="200" height="160" viewBox="0 0 51 40" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m 25.000998,4.417569 q 0,1.204709 -0.690338,1.915352 -0.690339,0.707259 -1.908584,0.707259 -1.214861,0 -1.9052,-0.707259 -0.690338,-0.710643 -0.690338,-1.915352 0,-1.214861 0.690338,-1.918736 0.690339,-0.707258 1.9052,-0.707258 1.211477,0 1.9052,0.707258 0.693722,0.703875 0.693722,1.918736 z M 23.278536,5.693342 Q 23.46804,5.463229 23.559409,5.1519 q 0.09137,-0.314713 0.09137,-0.737715 0,-0.453458 -0.104904,-0.771555 Q 23.44097,3.324533 23.27177,3.12826 23.099185,2.925219 22.872456,2.833851 q -0.223345,-0.09137 -0.466994,-0.09137 -0.247033,0 -0.466994,0.08798 -0.216577,0.08798 -0.399313,0.291025 -0.169201,0.189505 -0.27749,0.524522 -0.104904,0.331633 -0.104904,0.771555 0,0.450074 0.10152,0.768171 0.104905,0.314714 0.274105,0.51437 0.169201,0.199657 0.39593,0.29441 0.226729,0.09475 0.477146,0.09475 0.250417,0 0.477146,-0.09475 0.226729,-0.09814 0.39593,-0.301178 z" />
<path d="m 6.0336,36.1679 c 0,0.8031 -0.23012,1.4416 -0.69034,1.9153 -0.46023,0.4715 -1.09642,0.7073 -1.90859,0.7073 -0.8099,0 -1.44497,-0.2358 -1.9052,-0.7073 -0.46022,-0.4737 -0.690334,-1.1122 -0.690334,-1.9153 0,-0.8099 0.230114,-1.4495 0.690334,-1.9188 0.46023,-0.4715 1.0953,-0.7072 1.9052,-0.7072 0.80766,0 1.44272,0.2357 1.9052,0.7072 0.46249,0.4693 0.69373,1.1089 0.69373,1.9188 z m -1.72247,1.2758 c 0.12634,-0.1535 0.21996,-0.3339 0.28088,-0.5415 0.06091,-0.2098 0.09137,-0.4557 0.09137,-0.7377 0,-0.3023 -0.03497,-0.5595 -0.10491,-0.7716 C 4.50854,35.1809 4.41717,35.0094 4.30437,34.8786 4.18931,34.7432 4.05621,34.6451 3.90505,34.5842 3.75616,34.5232 3.60049,34.4928 3.43806,34.4928 c -0.16469,0 -0.32035,0.0293 -0.46699,0.088 -0.14439,0.0586 -0.27749,0.1556 -0.39932,0.291 -0.1128,0.1263 -0.20529,0.3012 -0.27749,0.5245 -0.06993,0.2211 -0.1049,0.4783 -0.1049,0.7716 0,0.3 0.03384,0.5561 0.10152,0.7681 0.06994,0.2099 0.1613,0.3813 0.2741,0.5144 0.1128,0.1331 0.24478,0.2313 0.39593,0.2944 0.15116,0.0632 0.31021,0.0948 0.47715,0.0948 0.16694,0 0.32599,-0.0316 0.47715,-0.0948 0.15115,-0.0654 0.28313,-0.1658 0.39593,-0.3012 z" />
<path d="m 20.507792,26.305676 1.186491,0.376204 q -0.272851,0.992188 -0.909505,1.47588 -0.63252,0.479557 -1.608172,0.479557 -1.207161,0 -1.984375,-0.822689 -0.777214,-0.826823 -0.777214,-2.257228 0,-1.513086 0.781348,-2.348178 0.781348,-0.839225 2.054656,-0.839225 1.112077,0 1.806608,0.657324 0.413412,0.388607 0.620118,1.116212 l -1.211296,0.289388 q -0.107487,-0.471289 -0.450619,-0.744141 -0.338997,-0.272852 -0.826823,-0.272852 -0.673861,0 -1.095541,0.483692 -0.417546,0.483691 -0.417546,1.56683 0,1.149284 0.413412,1.63711 0.413412,0.487826 1.07487,0.487826 0.487826,0 0.839226,-0.310059 0.3514,-0.310059 0.504362,-0.975651 z" />
<path d="M 22.748483,28.533964 V 22.47335 h 1.223698 v 2.385385 h 2.397788 V 22.47335 h 1.223698 v 6.060614 h -1.223698 v -2.649968 h -2.397788 v 2.649968 z" />
</g>
<g stroke-width="1.5" stroke="#000" fill="none">
<path d="M 6.9733452,33.412659 13.244533,29.795344" />
<path d="M 8.0355432,35.381701 14.306731,31.764386" />
<path d="m 45.982475,25.184051 -4.771276,6.15314" />
<path d="m 22.276053,14.916495 9.492472,5.118973 0.0497,10.38705 -8.746987,5.765061 -9.740963,-5.168675 -0.198795,-11.132531 z" />
<path d="m 34.014267,21.015128 v 8.645019" />
<path d="m 31.768525,20.035468 9.769737,-3.096852 7.309612,8.645019 -6.817617,8.293595 -10.212033,-3.454712 z" />
<path d="m 21.047772,8.243898 -0.07028,7.239325" />
<path d="m 23.756232,8.153026 v 7.309609" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

4
examen/co2.svg Executable file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.0 KiB

86
examen/dust.svg Executable file
View File

@@ -0,0 +1,86 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg viewBox="0 0 210 297" xmlns="http://www.w3.org/2000/svg">
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:20.2046;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
cx="61.427711"
cy="58.34639"
r="2.9819276" />
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:20.2046;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
cx="47.114456"
cy="72.560242"
r="2.9819276" />
<circle
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:3.87799;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
cx="13.804102"
cy="41.138439"
r="6.6599627" />
<circle
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:3.87799;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
cx="36.401459"
cy="12.943628"
r="6.6599627" />
<circle
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:3.87799;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
cx="30.519949"
cy="86.744881"
r="6.6599627" />
<ellipse
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:3.175;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
cx="30.578447"
cy="61.888687"
rx="3.5114081"
ry="3.5114067" />
<ellipse
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:3.175;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
cx="13.915663"
cy="101.48495"
rx="3.5114081"
ry="3.5114067" />
<ellipse
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:3.175;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
cx="42.555859"
cy="39.424835"
rx="3.511409"
ry="3.5114086" />
<circle cx="67.391556" cy="32.552711" r="1.689759" />
<circle cx="68.28614" cy="45.225906" r="0.99397588" />
<circle cx="9.7409639" cy="11.92771" r="1.689759" />
<circle cx="28.8253" cy="28.228914" r="1.689759" />
<circle cx="48.506023" cy="58.445786" r="1.689759" />
<circle cx="57.849396" cy="44.132534" r="1.689759" />
<circle cx="68.783134" cy="68.981934" r="1.689759" />
<circle cx="42.542168" cy="100.59036" r="1.689759" />
<circle cx="10.138554" cy="78.921684" r="1.689759" />
<circle cx="68.385536" cy="21.867472" r="0.99397588" />
<circle cx="73.554222" cy="56.259033" r="0.99397588" />
<circle cx="65.602409"
cy="79.518074"
r="0.99397588" />
<circle
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:3.87799;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
cx="87.469879"
cy="43.337349"
r="6.6599627" />
<circle
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:3.87799;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
cx="75.54216" cy="88.662651" r="6.6599627" />
<circle cx="86.674698" cy="67.192772" r="2.9819276" />
<circle cx="60.036144" cy="14.313253" r="2.9819276" />
<circle cx="82.301201" cy="22.265059" r="2.9819276" />
<circle cx="14.710844" cy="61.626503" r="1.689759" />
<circle cx="86.674698" cy="77.530121" r="1.689759" />
<circle cx="52.481926" cy="87.469887" r="0.99397588" />
<circle cx="51.686745" cy="28.626505" r="0.99397588" />
<circle cx="30.614458" cy="52.879517" r="0.99397588" />
<circle cx="15.903614" cy="22.662649" r="0.99397588" />
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

6
examen/humidity.svg Executable file
View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="1260" height="1785" viewBox="0 0 1260 1785" xmlns="http://www.w3.org/2000/svg">
<path d="m 695.96646,1662.6513 c 37,-74 132,-228 252,-406 C 1216.9664,855.65125 1249.0708,759.63475 1248.9664,582.65125 1248.7458,208.87999 967.99454,7.1355249 637.14475,9.6334231 306.29496,12.131321 25.804761,209.82614 24.966461,592.65126 c -0.359,163.92342 168.725599,472.08794 284.999999,643.00004 171,250 229,343 286,462 l 41,85 z m -318,-711.00005 c -9,-8 -16,-20 -16,-25.99999 0,-7.00001 269,-365.00001 451,-600.00001 12,-15.99999 23,-18.99999 43,-14 45,11 33,45.00001 -57,162.00001 -46,59.99999 -149,195.99999 -231,301.99999 -81,105.00001 -153,192.00001 -161,192.00001 -7,0 -21,-7 -29,-16.00001 z m 339,-38.99999 c -90,-68.00001 -86,-199.00001 9,-269.00001 41,-30.99999 139,-29 185,3 37,27 70,90 71,136 0,50.00001 -40,117.00001 -85,143.00001 -55,31.99999 -129,27 -180,-13 z m -353,-322.00001 c -67,-50 -90,-131 -58,-206.99999 35,-83.00001 150,-120.00001 231,-74 46,25.99999 85,92.99999 85,145.99999 0,61.00001 -49,130.00001 -110,155 -30,13 -121,1.00001 -148,-20 z"/>
<path d="m 858.96646,855.65125 c 27,-13 47,-60 39,-93 -24,-96 -166,-80 -166,20 0,66 64,103 127,73 z"/>
<path d="m 470.42196,533.9497 c 46.7622,1.97139 67.1147,-59.02674 68.8647,-81.65174 1.75,-22.625 -13.8382,-81.80553 -77.4616,-83.54206 -63.6235,-1.73653 -89.8586,11.39535 -89.8586,83.89535 0,72.5 51.6932,79.32706 98.4555,81.29845 z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

48
examen/index.md Executable file
View File

@@ -0,0 +1,48 @@
---
layout: layouts/page.njk
title: Évaluation 1
---
> Concevoir une interface pour une centrale de mesure d'ambiance.
{.objectif}
![](panneau.png)
### Ressources
- <a href="chemical.svg" download>polluants chimiques</a>
- <a href="co2.svg" download>co2</a>
- <a href="dust.svg" download>poussière et allergènes uv</a>
- <a href="humidity.svg" download>taux d'humidité</a>
- <a href="sound.svg" download>niveau sonore</a>
- <a href="temperature.svg" download>temperature</a>
- <a href="uv.svg" download>exposition uv</a>
### Énoncé
1. Le panneau de contrôle est un **rectangle** de 300px de large est de 600px de haut. Les coins du panneau sont arrondis suivant un rayon de 10px.
2. Le remplissage du panneau est effectué par un **dégradé** qui commence à 10% en couleur hsl 25 / 100% / 50% ; à 50% la couleur est hsl 0 / 95% / 45% ; à 90% la couleur hsl est 0 / 100% / 35%
La direction du dégradé est en diagonal du coin en haut à droite au coin en bas à gauche
3. Un **titre** centré au milieu du panneau écrit en majuscule à 30px du haut. La police est de l'Arial de taille 20px. Le texte est écit en blanc. Un filtre ombre portée est ajoutée au texte. Les paramètres de l'ombre portée sont un déplacement en x et en y de 1px, l'opacité est de 30% et la déviation standard de 1px.
4. Une **ligne arrondie** en bas du panneau part de x 0 / y 470 et rejoint l'autre côté en x 300 / y 470 le point d'inflexion de la courbe quadratique est situé au milieu du panneau et 50px plus haut que les côtés. L'épaisseur du contour est de 3px, la couleur est blanche.
5. Ajouter **2 icones** (humidité et co2) dans une bibliothèque de définition
6. Ajouter un **cercle** centré en dans le panneau et situé à 180px du haut. Le cercle a un rayon de 90px et une épaisseur de 20px. La couleur de remplissage est blanc aavec une opacité de 50%
Un deuxieme **cercle partiel** recouvre le premier cercle sont opacité est de 100%. L' origine est situé à -135°, la longeur de l'arc est de 150°
Pour vous aider voici un tutoriel qui offre une solution approchante [https://css-tricks.com/building-progress-ring-quickly/](https://css-tricks.com/building-progress-ring-quickly/)
7. Ajouter un **texte** dans le cerle de taille 60px
8. Ajouter **deux petits cercle** en bas de page de rayon 30px, l'épaisseur du contour est de 7px l'opacité de 50% ajouter un **symbole** de la bibliotèque à l'intérieur des cercles. La taille du symbole est de 30px / 30px. Les cercles sont situés à 75px du bas du panneau
9. Ajouter un **graphique** en barre pour chaque jour de la semaien (7 barres). Les barres sont aligné à 390 px du haut du panneau. Les barres ont une largeur de 15px elles sont espacées de 24 px et la première commence à 25.5px du bord gauche. Les hauteurs sont variables comprise en 35px et 60px;
10. Ajouter dans chaque barre **l'initiale du jour** de la semaine (L M M J V S D) centré au milieu de la barre. La taille du texte est de 8px.

BIN
examen/panneau.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

84
examen/reponse.svg Executable file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 13 KiB

4
examen/sound.svg Executable file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="127" height="100" viewBox="0 0 127 100" xmlns="http://www.w3.org/2000/svg">
<path d="m 102.99079,25.517775 c 0,-2.09 1.69,-3.78 3.78,-3.78 2.09,0 3.78,1.69 3.78,3.78 v 48.5 c 0,2.09 -1.69,3.78 -3.78,3.78 -2.09,0 -3.78,-1.69 -3.78,-3.78 z m -100.9499989,8.5 c 0,-2.09 1.69,-3.78 3.78,-3.78 2.09,0 3.78,1.69 3.78,3.78 v 31.49 c 0,2.09 -1.69,3.78 -3.78,3.78 -2.09,0 -3.78,-1.69 -3.78,-3.78 z m 14.4199999,-8.5 c 0,-2.09 1.69,-3.78 3.78,-3.78 2.09,0 3.78,1.69 3.78,3.78 v 48.5 c 0,2.09 -1.69,3.78 -3.78,3.78 -2.09,0 -3.78,-1.69 -3.78,-3.78 z m 14.48,-9.42 c 0,-2.08 1.67,-3.76 3.72,-3.76 2.06,0 3.72,1.68 3.72,3.76 v 67.34 c 0,2.08 -1.67,3.76 -3.72,3.76 -2.06,0 -3.72,-1.68 -3.72,-3.76 z m 14.36,-10.12 c 0,-2.09 1.69,-3.78 3.78,-3.78 2.09,0 3.78,1.69 3.78,3.78 v 87.57 c 0,2.09 -1.69,3.78 -3.78,3.78 -2.09,0 -3.78,-1.69 -3.78,-3.78 z m 43.27,28.04 c 0,-2.09 1.69,-3.78 3.78,-3.78 2.09,0 3.78,1.69 3.78,3.78 v 31.49 c 0,2.09 -1.69,3.78 -3.78,3.78 -2.09,0 -3.78,-1.69 -3.78,-3.78 z m -14.42,-8.5 c 0,-2.09 1.69,-3.78 3.78,-3.78 2.09,0 3.78,1.69 3.78,3.78 v 48.5 c 0,2.09 -1.69,3.78 -3.78,3.78 -2.09,0 -3.78,-1.69 -3.78,-3.78 z m -14.37,-9.42 c 0,-2.08 1.67,-3.76 3.72,-3.76 2.06,0 3.72,1.68 3.72,3.76 v 67.34 c 0,2.08 -1.67,3.76 -3.72,3.76 -2.06,0 -3.72,-1.68 -3.72,-3.76 v -67.34 z m 57.689999,0 c 0,-2.08 1.67,-3.76 3.72,-3.76 2.06,0 3.72,1.68 3.72,3.76 v 67.34 c 0,2.08 -1.67,3.76 -3.72,3.76 -2.06,0 -3.72,-1.68 -3.72,-3.76 z" />
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

5
examen/temperature.svg Executable file
View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="96" height="236" viewBox="0 0 96 236" xmlns="http://www.w3.org/2000/svg">
<rect width="23.781258" height="87.047188" x="37.868927" y="61.541382" />
<path d="m 66.985927,151.79938 h 0.771 V 25.096376 c 0,-11.129 -9.023,-20.1520002 -20.153,-20.1520002 -11.13,0 -20.152,9.0230002 -20.152,20.1520002 V 151.79938 h 0.771 c -14.135,7.106 -23.8399999,21.73 -23.8399999,38.63 0,23.871 19.3509999,43.222 43.2219999,43.222 23.871,0 43.222,-19.351 43.222,-43.222 -0.001,-16.9 -9.706,-31.524 -23.841,-38.63 z m -30.361,19.218 c -1.844,0.942 -17.594,9.677 -10.484,29.58 0.929,2.601 -0.427,5.462 -3.027,6.391 -0.556,0.199 -1.123,0.293 -1.682,0.293 -2.054,0 -3.979,-1.275 -4.709,-3.319 -8.2109999,-22.987 6.505,-37.452 15.433,-41.89 2.474,-1.228 5.475,-0.22 6.703,2.252 1.225,2.466 0.225,5.458 -2.234,6.693 z m 1.244,-22.42881 V 27.002376 c 0,-5.368 4.367,-9.735 9.735,-9.735 5.368,0 9.735,4.367 9.735,9.735 V 148.58857 Z"/>
</svg>

After

Width:  |  Height:  |  Size: 993 B

6
examen/uv.svg Executable file
View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="350" height="378" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3500 3780">
<path d="m1374.6996,20.4356c-2,8 -21,96 -41,195c-20,99 -45,207 -56,240c-36,112 -132,207 -242,240c-62,18 -169,19 -220.00002,0l-38,-13l8,41c4,23 8,74 8,113c0,61 -5,81 -38,147c-40,82 -90,133 -167,171c-63,32 -72,34 -337,61c-129,13 -236,25 -238,27c-1,2 77,73 174,159c195,172 229,218.00007 250,334.00007c21,111 -19,238 -101,321c-42,44 -42,48 9,59c46,9 143,75 176,118c16,21 40,63 55,95c23,49 27,70 27,147l-1,90.00004l-83,185c-46,102 -94,208 -107,237l-23,51l42,-13c450.00002,-148 470.00002,-152 586.00002,-116c118,37 222,145 252,261l12,49l44,-39c77,-67 125,-85 233,-85c109,0 160,18 228,79c25,23 111,150 224,329c115,183.99999 184,283.99999 185,271.99999c2,-11 19,-151 38,-311.99999c40,-340 52,-382 129,-458c76,-75 132,-99 236,-100c47,0 100,4 118,8l34,9l-8,-49c-24,-143 8,-247 105,-344c92,-92.00004 124,-102.00004 397,-129.00004c120,-11 232,-24 247,-28c27,-7 22,-12 -140,-155c-231,-203 -270,-267 -261,-426c6,-95 37,-168 104,-236.00007c37,-38 41,-47 26,-52c-61,-22 -87,-37 -133,-80c-28,-26 -63,-70 -77,-98c-24,-45 -27,-61 -27,-155c0,-84 4,-112 19,-140c10,-19 104,-173 207,-342c104,-168 189,-309 189,-311c0,-3 -145,58 -322,135c-178,77 -350,149 -383,160c-79,26 -172,20 -249,-17c-68,-32 -148,-117 -171,-182c-34,-96 -27,-91 -72,-50c-22,20 -67,49 -99,64c-51,24 -71,28 -154,28c-82,0 -103,-4 -151,-26c-83,-39 -124,-81 -262,-272c-171,-235 -155,-215 -161,-197zm524,825c152,14 359,108 500,227c131,111 252,305 302,484c32,115.00007 32,373.00007 0,489.00007c-74,269 -263,500.00004 -507,620.00004c-382,187 -826,109 -1121,-196.00004c-124,-129 -203,-271 -246.00002,-446c-30,-123 -31,-322 -1,-443.00007c87.00002,-345 337.00002,-609 670.00002,-705c92,-27 230,-45 298,-39c22,2 69,6 105,9z" />
<path d="m1101.6996,1688.43567c5,278 13,318 77,391c54,61 110,82 217,81c107,0 182,-35 230,-107c45,-68 53,-121 53,-372l0,-225.00007l-90,0l-90,0l0,231.00007c0,188 -3,237 -15,264c-35,72 -134,72 -173,1c-14,-26 -18,-69 -20,-269l-3,-237.00007l-96,0l-95,0l5,242.00007z" />
<path d="m1798.6996,1459.4356c0,3 24,81 54,173.00007c30,93 79,249 110,346l57,178l98,0l99,0l36,-103c20,-56 74,-214 120,-350l84,-248.00007l-100,3l-100,3l-59,200.00007c-32,110 -59,208 -59,217c0,10 -4,18 -10,18c-5,0 -10,-8 -11,-18c0,-9 -26,-107 -58,-217l-58,-200.00007l-101,-3c-56,-1 -102,-1 -102,1z" />
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB