Différences

Ci-dessous, les différences entre deux révisions de la page.

--- wiki:tutoriels:affiche-interactive:accueil [2020/06/18 17:11]
damien.muti [Comment créer une affiche interactive ?]
+++ wiki:tutoriels:affiche-interactive:accueil [2021/06/21 11:04] (Version actuelle)
damien.muti [Macro Projet - Margot Goutière- 2021]
@@ Ligne 8: / Ligne 8: @@
     * {{:wiki:tutoriels:comment-creer-une-affiche-interactive:comment_fabriquer_une_affiche_interactive.pdf|}}
     * {{:wiki:tutoriels:comment-creer-une-affiche-interactive:comment_fabriquer_une_affiche_interactive.pptx|}}
-    * Nouvelle version Processing (2020-...) :
+    * Nouvelle version Processing (2020-...) : {{ :wiki:tutoriels:affiche-interactive:affiche_interactive_1.zip |}}
+    * Intégration d'un programme quelconque comme animation du programme des affiches interactives (ici  Pong multiballes): [[https://drive.google.com/file/d/1WC1Kv12jixm5gR7eoX4upJ0NepZkFdjX/view?usp=sharing|Affiche_interactive_2_0]]
     * Ancienne version (2017-2020, incluant la version Raspbery) : {{:wiki:tutoriels:comment-creer-une-affiche-interactive:exemple_programme.zip|}}
   * Lien :
@@ Ligne 21: / Ligne 22: @@
-===== Matériaux =====
+===== Matériel =====
 Makey-Makey :[[ https://makeymakey.com/]]
@@ Ligne 40: / Ligne 41: @@
   * {{:wiki:tutoriels:comment-creer-une-affiche-interactive:comment_fabriquer_une_affiche_interactive.pptx|}}
-vous pouvez télécharger tous les programmes Processing sur le lien suivant :
+vous pouvez télécharger tous les programmes Processing sur les liens suivant :
+  * version 2020 : {{ :wiki:tutoriels:affiche-interactive:affiche_interactive_1.zip |}}
+  * version 2018-2020 : {{:wiki:tutoriels:comment-creer-une-affiche-interactive:exemple_programme.zip|}}
-{{:wiki:tutoriels:comment-creer-une-affiche-interactive:exemple_programme.zip|}}
 ==== Procédure d'installation ====
@@ Ligne 273: / Ligne 275: @@
 Le programme associé à cette affiche est donnée dans la partie "Exemples de programmes" ci-dessous. Il prend en compte la taille de la vidéo par rapport à la taille de la fenêtre d'affichage.
-===== Exemples de programmes: =====
+===== Exemples de programme =====
+==== FRAC 2018 ====
 Voici un exemple de programme réalisé par Mai Quynh Nguyen, Emma BAYLION et Anaïs Aubert pour le projet FRAC 2018, en BTS DG2:
@@ Ligne 283: / Ligne 285: @@
   * {{:wiki:tutoriels:affiche-interactive:affiche_interactive_mb18_mai.zip|}}
+==== Mars en Baroque 2018 ====
 Voici l'ensemble des programmes développés par Sevan Papazian, alors étudiant de BTS DG2 en 2017-2018, sur les projets Frac 2018 et Mars en Baroque 2018:
   * {{:wiki:tutoriels:affiche-interactive:mars_en_baroqe_.zip|}}
   * {{:wiki:tutoriels:affiche-interactive:affiche_interactive_sevan_1.zip|}}
+==== Alcazar - décembre 2018 ====
 Dans le cadre d'un projet conduit avec la bibliothèque de l'Alcazar en décembre 2018, avec Mme Cleyet-Merle et M Muti Desgrouas, une affiche interactive a été développée sur la thématique de mai 68. Le programme proposé permet de gérer la différence de taille entre la fenêtre d'affichage et la vidéo. Il permet entre autre d'ajuster la taille de la vidéo à la taille maximale de la fenêtre d'affichage, si la taille de la vidéo est plus grande que celle de la fenêtre d'affichage. Il permet aussi de centrer la vidéo si celle-ci a une taille plus petite que celle de la fenêtre d'affichage. Le programme est le suivant :
   * {{ :wiki:tutoriels:affiche-interactive:affiche_interactive_3.zip |}}
+==== Macro Projet - Margot Goutières- 2021 ====
+Dans le cadre de son Macro Projet, Margot Goutières propose d'associer un son aléatoire et une vidéo aléatoire à chaque bouton. Chaque bouton est donc associé à un ensemble de son et de vidéo qui sont lues et mémorisé et mémorisé de façon automatique. Lorsqu'on appuie sur un bouton, le programme sélectionne aléatoirement un son et une vidéo dans les ensembles précédents et les joue.
+Le programme correspondant est le suivant :
+  * [[http://88.164.194.158:30960/share/6infoezapiGY0n-j/Affiche_interactive_3.zip|Affiche_Interactive_Poesie_Marseille_Freebox_Damien]]
+  * [[|Affiche_Interactive_Poesie_Marseille_GD]]
+{{ :wiki:tutoriels:affiche-interactive:marseille_affiche_margot_goutiere.png?400 |}}
+{{ :wiki:tutoriels:affiche-interactive:affiche_interactive_margot_goutiere.png?800 |}}
+===== Intégrer l'animation d'un sketch dans le programmes Affiche_Interactive =====
+Un programme Processing (sketch) est une classe particulière de Processing. Il est donc possible de l'intégrer dans n'importe quel programme. Pour cela il est nécessaire de bien comprendre les équivalences suivantes :
+  * Les **variables globales** d'un sketch représente les **attributs** de la classe correspondante
+  * La méthode setup() d'un sketch représente le constructeur de la classe correspondante. En effet, c'est dans le setup() que les variables globales (donc les attributs de la classe) sont initialisées. ATTENTION : il faudra éliminer toutes les commande d'initialisation des paramètres d'affichage notamment size().
+Une fois la classe (MonAnim) définie dans le programme Affiche_Interactive, il suffit de:
+  * un nouvel objet "monAnimation" de type MonAnim, dans les variables globales du sketch principal.
+  * Il faut ensuite instancier la classe dans le seutp() du sketch principal.
+  * Il faut enfin appeler la méthode draw() du nouvel objet monAnimation précédemment créé, lorsqu'une touche particulière est appelée.
+Le programme suivant donne une proposition d'intégration du programme Pong multiballes dans le programme des affiches interactives :
+  * [[https://drive.google.com/file/d/1WC1Kv12jixm5gR7eoX4upJ0NepZkFdjX/view?usp=sharing|Affiche_interactive_2_0]]
 ===== Programme Processing sur du Raspbery =====

TONER KEBAB WIKI

Outils pour utilisateurs

Outils du site

Différences

Outils de la page