Gestion de LED RVB, 2013/2014, TD2 : Différence entre versions
(Page créée avec « == Principe == Le projet consiste à contrôler une LED RVB, afin de faire varier sa couleur via une interface Web. Le site web constituant l'interface est stocké sur une F... ») |
(→Séance 1) |
||
| Ligne 9 : | Ligne 9 : | ||
== Développement == | == Développement == | ||
=== Séance 1 === | === Séance 1 === | ||
| + | '''Partie Informatique''' | ||
| + | |||
| + | Nous nous sommes renseignés sur la bibliothèque JQuery et principalement sur la façon de créer un slider, qui est l'élément principal de notre interface. Après quelques recherches nous avons trouvé un code permettant cela. Nous avons étudié ce code afin d'en comprendre son fonctionnement pour l'adapter à notre interface. | ||
| + | |||
| + | Entre la fin de cette première séance et la deuxième, la totalité du squelette de notre interface était réalisée, c'est-à-dire les 4 sliders, ainsi que le carré permettant l'affichage de la couleur réglée par les sliders de couleur. Cette première version est entièrement réalisée en HTML et JavaScript. | ||
=== Séance 2 === | === Séance 2 === | ||
=== Séance 3 === | === Séance 3 === | ||
Version du 22 avril 2014 à 16:17
Principe
Le projet consiste à contrôler une LED RVB, afin de faire varier sa couleur via une interface Web. Le site web constituant l'interface est stocké sur une FoxBoard. L'utilisateur se connecte à ce site grâce à un ordinateur, un smartphone ou une tablette. L'interface est simple et facile d'utilisation : elle se compose de 4 sliders qui permettent de faire varier les différents réglages. Un slider par couleur permet de doser la quantité de chacune d'entre elles. Un dernier slider permet de faire varier la fréquence de clignotement de la LED.
Ensuite, la FoxBoard envoie par port série à la NanoBoard les informations nécessaires à l'allumage de la LED. La NanoBoard génère alors 3 signaux PWM, qui seront alors moyennés au moyen de filtres passe-bas et permettront finalement à la LED de s'allumer.
Développement
Séance 1
Partie Informatique
Nous nous sommes renseignés sur la bibliothèque JQuery et principalement sur la façon de créer un slider, qui est l'élément principal de notre interface. Après quelques recherches nous avons trouvé un code permettant cela. Nous avons étudié ce code afin d'en comprendre son fonctionnement pour l'adapter à notre interface.
Entre la fin de cette première séance et la deuxième, la totalité du squelette de notre interface était réalisée, c'est-à-dire les 4 sliders, ainsi que le carré permettant l'affichage de la couleur réglée par les sliders de couleur. Cette première version est entièrement réalisée en HTML et JavaScript.
