Différences entre les versions de « Campix alice »

De {}
Aller à la navigation Aller à la recherche
 
(24 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
  
= campix =
+
= Erg Galerie =
Programme de captation vidéo dans la Galerie de l'erg + retranscription sur leur nouveau site en ligne.
+
[[Fichier:Schema2.png]]
 +
Programme de captation vidéo dans la Galerie de l'erg + retranscription sur leur nouveau site en ligne. Dans la captation, j'aimerais pouvoir imaginer un code qui permettrait de flouter les personnes et laisser nettes les oeuvres :  plus concrètement flouter les éléments en mouvement et laisser nets les éléments fixes.  
  
== Bref Histoire de la galerie de l'erg ==
+
 
 +
== Brève histoire de la galerie de l'erg ==
 
[[Fichier:Galerie-erg.jpg|200px|thumb|left|Vue intérieur de la Galerie de l'erg, Bruxelles]]
 
[[Fichier:Galerie-erg.jpg|200px|thumb|left|Vue intérieur de la Galerie de l'erg, Bruxelles]]
  
Ligne 11 : Ligne 13 :
 
50°49’19.50” N 4°21’25.53” E, la galerie de l’erg, déployée au rez-de-chaussée du bâtiment, a ouvert avec erg’students + moulène (16/02 – 08/03/2012) sa nouvelle programmation invitant de jeunes doctorants, historiens de l’art et commissaires à coordonner sur une période de plusieurs mois ses activités. Proposant des projets d’expositions réalisés en collaboration avec des artistes invités, chercheurs et étudiants, ainsi que des dispositifs engageant des questions tout aussi historiques que contemporaines, la galerie œuvre à devenir une plate-forme, un lieu de potentialité, qui activent dialogues, recherches, archives, expérimentations dans une multiplicité des modes d’expériences et la puissance de l’art à rendre justice à l’événement.
 
50°49’19.50” N 4°21’25.53” E, la galerie de l’erg, déployée au rez-de-chaussée du bâtiment, a ouvert avec erg’students + moulène (16/02 – 08/03/2012) sa nouvelle programmation invitant de jeunes doctorants, historiens de l’art et commissaires à coordonner sur une période de plusieurs mois ses activités. Proposant des projets d’expositions réalisés en collaboration avec des artistes invités, chercheurs et étudiants, ainsi que des dispositifs engageant des questions tout aussi historiques que contemporaines, la galerie œuvre à devenir une plate-forme, un lieu de potentialité, qui activent dialogues, recherches, archives, expérimentations dans une multiplicité des modes d’expériences et la puissance de l’art à rendre justice à l’événement.
  
=== Site actuel de l'erg===
+
=== Site actuel ===
[[Fichier:Site-archive.jpg|400px|thumb|left|Site actuel de l'erg - Site d'archive de 2012 à 2017]]
+
[[Fichier:Site-archive.jpg|400px|thumb|left|Site actuel de la galerie- Site d'archives de 2012 à 2017]]
Le site actuel de l'erg fait office d'archive des diverses interventions au sein de la Galerie. Le but de pouvoir garder ce site afin qu'il puisse être accessible sur le nouveau site par un simple lien et de pouvoir actualiser sur le nouveau site les informations actuelles.
+
Le site actuel de la galerie fait office d'archive des diverses interventions ayant eu lieu en ses murs. Nous envisageons en faire une archive consultable sur le nouveau site.  
 
 
  
= Les support du projet =
+
= Les supports du projet =
 
== Maquette du futur site==
 
== Maquette du futur site==
 
[[Fichier:Maquette.jpg|400px|thumb|left|Futur maquette de la page principale de la Galerie]]
 
[[Fichier:Maquette.jpg|400px|thumb|left|Futur maquette de la page principale de la Galerie]]
 
Le nouveau site accueillerait en arrière plan la captation video live provenant du dispositif Rasberry/Raspicam. Pour celà, le design reste assez simple, les informations seraient visibles directement sur la page principale. L'objectif à long terme serait de pouvoir donner la possibilité à l'administration de la Galerie de l'erg de modifier facilement les informations afin de les réactualisé.  
 
Le nouveau site accueillerait en arrière plan la captation video live provenant du dispositif Rasberry/Raspicam. Pour celà, le design reste assez simple, les informations seraient visibles directement sur la page principale. L'objectif à long terme serait de pouvoir donner la possibilité à l'administration de la Galerie de l'erg de modifier facilement les informations afin de les réactualisé.  
 
===Objet Editorial===
 
===Objet Editorial===
En parallèle de ce projet numérique, je suis entrain de récolter des documents sur les expositions que ce sont passé depuis septembre 2018. Pour celà, j'ai le projet de réaliser un catalogue rétrospectif sur les expositions afin de pouvoir documenter physiquement/matériellement.
+
En parallèle de ce projet numérique, je suis en train de récolter des documents sur les expositions qui ont eu lieu depuis septembre 2018. Pour cela, j'ai le projet de réaliser un catalogue rétrospectif sur les expositions afin de pouvoir documenter physiquement/matériellement.
  
 
== Réflexion ==
 
== Réflexion ==
 +
[[Fichier:Schema3.png]]
 
Utiliser l'espace de la Galerie afin de transmettre une informations en live des différents évènements : installations expositions, conférence ou encore vernissage peut permettre au étudiant d'y voir un peu plus clair sur l'activité de la Galerie. Il y a une problématique assez forte à l'erg, nous sommes inondés de mails du à la multiplicité d'évènements et de groupes étudiants. Le but ici est de pouvoir avoir une visualisation direct retranscrite sur leur site internet qui permettrait à chaques visiteurs d'avoir une information spontanée sans devoir rechercher dans ses mails. Ce dispositif permettrait de rendre l'espace du site internet, tout d'abord, plus attractif mais aussi de pouvoir être informé par l'image en direct. Il y a donc une réflexion sur le site actuel de la galerie de l'erg qui est avant-tout un site d'archive pour l'instant. Dans l'idée, il serait primordiale de pouvoir proposé un site plus instinctif afin de mettre en valeur à la fois la captation video et aussi les informations sur l'exposition du moment.
 
Utiliser l'espace de la Galerie afin de transmettre une informations en live des différents évènements : installations expositions, conférence ou encore vernissage peut permettre au étudiant d'y voir un peu plus clair sur l'activité de la Galerie. Il y a une problématique assez forte à l'erg, nous sommes inondés de mails du à la multiplicité d'évènements et de groupes étudiants. Le but ici est de pouvoir avoir une visualisation direct retranscrite sur leur site internet qui permettrait à chaques visiteurs d'avoir une information spontanée sans devoir rechercher dans ses mails. Ce dispositif permettrait de rendre l'espace du site internet, tout d'abord, plus attractif mais aussi de pouvoir être informé par l'image en direct. Il y a donc une réflexion sur le site actuel de la galerie de l'erg qui est avant-tout un site d'archive pour l'instant. Dans l'idée, il serait primordiale de pouvoir proposé un site plus instinctif afin de mettre en valeur à la fois la captation video et aussi les informations sur l'exposition du moment.
  
== Tests ==
+
== Programme sur Webcam USB==
[[Fichier:Instal.png]]
+
[[Fichier:Instal.jpg|400px|thumb|center|Connexion Raspberry et Webcam USB]]
=== Début de programme sur Webcam USB: Test Capture image ===
+
=== Capture d'image ===
[[Fichier:Capture2.jpg|200px|thumb|left|Capture de la connexion au serveur du Raspberry]]
+
[[Fichier:Capture2.jpg|200px|thumb|center|Capture de la connexion au serveur du Raspberry]]
 
Connexion au serveur par l'intermédiaire de Samba afin d'avoir accès au fichier du Raspberry directement sur le Finder.
 
Connexion au serveur par l'intermédiaire de Samba afin d'avoir accès au fichier du Raspberry directement sur le Finder.
  
Ligne 62 : Ligne 64 :
 
|}
 
|}
  
[[Fichier:Image2.jpg|400px|thumb|left|Capture de la Webcam Usb]]
+
[[Fichier:Image2.jpg|400px|thumb|center|Capture de la Webcam Usb]]
  
 
On peut ainsi par la suite changer la résolution grâce au rajout de -r
 
On peut ainsi par la suite changer la résolution grâce au rajout de -r
Ligne 77 : Ligne 79 :
 
Grâce à ce code, j'ai pu vérifier si ma caméra fonctionnait et comprendre l'outil Samba.  
 
Grâce à ce code, j'ai pu vérifier si ma caméra fonctionnait et comprendre l'outil Samba.  
  
=== Début de programme sur Webcam USB : Test Video Live  ===
+
=== Capture Live streaming ===
  
 
Il faut tout d'abord installer motion ' motion '  
 
Il faut tout d'abord installer motion ' motion '  
Ligne 139 : Ligne 141 :
  
 
[[Fichier:final.png]]
 
[[Fichier:final.png]]
 +
Liens vers la source du code : [[https://www.instructables.com/id/How-to-Make-Raspberry-Pi-Webcam-Server-and-Stream-/]]
 +
 +
 +
==Raccorder le flux video du Raspicam au site web==
 +
Pour procéder il faut logiquement intégrer des lignes de code au fichier index.html du site web via l'emploi d'une balise <img>
 +
 +
Nous avons ici décidé de créer un <div> la contenant, il faut obtenir l'addresse IP de votre Raspicam pour pouvoir lier le flux en l'indiquant dans la partie src (source) de la balise <img>.
 +
 +
<div class="streaming">
 +
          <img name="Raspberry Pi" src="http://192.168.3.182:8081/?action=stream" width="100%" height="100%" alt="Streaming is off :-/" title="Streaming"/>
 +
      </div>
 +
 +
L'adresse IP est susceptible de changer à chaque interruption d'alimentation du Raspberry, il faut donc procéder à une vérification/modification manuelle si l'alimentation a été coupée.
 +
 +
==Installation physique du Raspberry==
 +
 +
[[Fichier:vertigo.JPG]]
 +
[[Fichier:tres-beau-rack.JPG]]
 +
[[Fichier:ingeenieurerie-part2.JPG]]
 +
 +
=Développement de l'interface=
 +
==MinuteHack==
 +
Pour gagner quelques minutes sur le projet, et pour avoir une remise à zéro de tous les paramètrages par défaut des styles dans les CSS nous avons utilisé Minute Hack de Raphaël Bastide (https://lab.raphaelbastide.com/minutehack/).
 +
 +
==Choix stylistiques/interactifs==
 +
Nous avons opté pour une interface mono-page proposant tout le contenu en slide vertical. Chaque exposition est "cliquable" et propose une fenêtre avec un contenue plus conséquent.
 +
[[Fichier:Screenshota1.png]]
 +
 +
==Le CMS==
 +
Il faut désormais trouver un CMS facile d'utilisation, et léger, pour permettre aux futur.e.s étudiant.e.s gérant la galerie d'ajouter du contenu au site sans rentrer dans le code.
 +
 +
==L'accès à l'ancien site==
 +
Nous avons du passer par Stéphane Noel pour pouvoir avoir les accès de l'ancien site. Certains questionnement sont ainsi apparu de sa part :
 +
 +
1) reprendre ce site et l'alimenter dans y toucher ?
 +
2) le détruire et installer un autre truc à la place ?
 +
3) l'archiver sur place en html pur et placer quelque chose d'autre ?
  
 +
Il a permis de mettre en exergue différentes problématiques qui nous ont permis d'avancer et de faire certains choix techniques "Je crois en effet qu'il faut virer le vieil indexhibit. Je pense qu'il faut l'archiver par contre, ne fut-ce que pour des questions de respect pour les gens qui ont bossé à ce site et pour des questions de mémoirs. Je peux aspirer le site (en faire une version pur html avec un logiciel d'aspiration) et le déposer, avec un lien vers "archives de la galerie 2014-2018" ou un truc du genre. Ça ne coutera que quelques megas d'hébergement.
 +
Du coup tu pourras disposer de la db et d'un accès FTP. Faites un choix de développement perenne: je n'ai rien contre les cms fabriqués à la main, mais leur maintenance peut poser problème sur le long terme."
  
== Résumé technique==
+
==Les différents problèmes techniques rencontrés==
- Utilisation d'un Rasberry Pi 3b+ avec un Raspicam
+
===Raspberry===
- Demande d'accès Ftp ancien site de l'erg
+
[[Fichier:Campix.png]]
- Réalisation d'un site internet
+
Motion a été assez compliqué à appréhender, car pour ma part, il y a eu un ensemble de configuration de base qui ont fait poser problèmes. En effet le premier était la capture continuelle de photographie lors du démarrage du stream alors que l'objectif était de faire une photographie par jour. En effet il a fallu comprendre d'où venait le problème et modifier un ensemble de paramètre dans "pi@ergalerie:~ $  /etc/motion/motion.conf. "
- Installation du dispositif dans la Galerie
+
===L'installation Raspberry dans la galerie===
 +
Nous avions dû prévoir un emplacement qui ne serait pas facilement accessible, pour l'instant l'installation est provisoire. D'ici la mise en ligne du site sur le serveur, l'Institut Saint-Luc installerons un système plus sécurisé notamment pour l'accès au courant.

Version actuelle datée du 16 mai 2019 à 07:54

Erg Galerie

Schema2.png Programme de captation vidéo dans la Galerie de l'erg + retranscription sur leur nouveau site en ligne. Dans la captation, j'aimerais pouvoir imaginer un code qui permettrait de flouter les personnes et laisser nettes les oeuvres : plus concrètement flouter les éléments en mouvement et laisser nets les éléments fixes.


Brève histoire de la galerie de l'erg

Vue intérieur de la Galerie de l'erg, Bruxelles

L’erg, c’est un bâtiment principal industriel situé dans la rue du Page au cœur de Bruxelles, près de la chaussée de Waterloo et de la place du Châtelain, complété par d’autres locaux – ateliers, auditoires et bibliothèque – dans les environs.

Au printemps 2012, l’erg s’est agrandie avec de nouveaux espaces au rez-de-chaussée du bâtiment principal, comprenant accueil, bureaux et galerie. Une deuxième tranche de travaux venant d’être réalisée au cours de cette année académique, l’erg inaugure lors de ses portes ouvertes en mars 2016 une cafétéria, un grand auditoire pouvant accueillir cours, conférences et événements, ainsi que de nouveaux espaces de cours et d’ateliers. 50°49’19.50” N 4°21’25.53” E, la galerie de l’erg, déployée au rez-de-chaussée du bâtiment, a ouvert avec erg’students + moulène (16/02 – 08/03/2012) sa nouvelle programmation invitant de jeunes doctorants, historiens de l’art et commissaires à coordonner sur une période de plusieurs mois ses activités. Proposant des projets d’expositions réalisés en collaboration avec des artistes invités, chercheurs et étudiants, ainsi que des dispositifs engageant des questions tout aussi historiques que contemporaines, la galerie œuvre à devenir une plate-forme, un lieu de potentialité, qui activent dialogues, recherches, archives, expérimentations dans une multiplicité des modes d’expériences et la puissance de l’art à rendre justice à l’événement.

Site actuel

Site actuel de la galerie- Site d'archives de 2012 à 2017

Le site actuel de la galerie fait office d'archive des diverses interventions ayant eu lieu en ses murs. Nous envisageons en faire une archive consultable sur le nouveau site.

Les supports du projet

Maquette du futur site

Futur maquette de la page principale de la Galerie

Le nouveau site accueillerait en arrière plan la captation video live provenant du dispositif Rasberry/Raspicam. Pour celà, le design reste assez simple, les informations seraient visibles directement sur la page principale. L'objectif à long terme serait de pouvoir donner la possibilité à l'administration de la Galerie de l'erg de modifier facilement les informations afin de les réactualisé.

Objet Editorial

En parallèle de ce projet numérique, je suis en train de récolter des documents sur les expositions qui ont eu lieu depuis septembre 2018. Pour cela, j'ai le projet de réaliser un catalogue rétrospectif sur les expositions afin de pouvoir documenter physiquement/matériellement.

Réflexion

Schema3.png Utiliser l'espace de la Galerie afin de transmettre une informations en live des différents évènements : installations expositions, conférence ou encore vernissage peut permettre au étudiant d'y voir un peu plus clair sur l'activité de la Galerie. Il y a une problématique assez forte à l'erg, nous sommes inondés de mails du à la multiplicité d'évènements et de groupes étudiants. Le but ici est de pouvoir avoir une visualisation direct retranscrite sur leur site internet qui permettrait à chaques visiteurs d'avoir une information spontanée sans devoir rechercher dans ses mails. Ce dispositif permettrait de rendre l'espace du site internet, tout d'abord, plus attractif mais aussi de pouvoir être informé par l'image en direct. Il y a donc une réflexion sur le site actuel de la galerie de l'erg qui est avant-tout un site d'archive pour l'instant. Dans l'idée, il serait primordiale de pouvoir proposé un site plus instinctif afin de mettre en valeur à la fois la captation video et aussi les informations sur l'exposition du moment.

Programme sur Webcam USB

Connexion Raspberry et Webcam USB

Capture d'image

Capture de la connexion au serveur du Raspberry

Connexion au serveur par l'intermédiaire de Samba afin d'avoir accès au fichier du Raspberry directement sur le Finder.

Installation de fswebcam sur le terminal :

sudo apt-get install fswebcam

Création de la capture grâce à la commande fswebcam suivie du nom de fichier et une photo sera prise à l'aide de la webcam et enregistrée sous le nom de fichier spécifié:

fswebcam image.jpg

Cette commande affichera les informations suivantes:

--- Opening /dev/video0... Trying source module v4l2... /dev/video0 opened. No input was specified, using the first. Adjusting resolution from 384x288 to 352x288. --- Capturing frame... Corrupt JPEG data: 2 extraneous bytes before marker 0xd4 Captured frame in 0.00 seconds. --- Processing captured image... Writing JPEG image to image.jpg

Capture de la Webcam Usb

On peut ainsi par la suite changer la résolution grâce au rajout de -r

fswebcam -r 1280x720 image2.jpg

Image.png A partir de là, j'ai pu faire une capture d'image grâce à la webcam. Ainsi le fichier image se trouve directement sur le Raspberry.

Liens vers d'autres informations sur la capture d'image par une webcam externe sur un Raspberry : [[1]]

Grâce à ce code, j'ai pu vérifier si ma caméra fonctionnait et comprendre l'outil Samba.

Capture Live streaming

Il faut tout d'abord installer motion ' motion '

sudo apt-get install motion

Ensuite il faut taper la commande ' lsusb ' pour pouvoir vérifier que la webcam est bien visible. Lsusb2.jpg

Une fois l'installation terminée,

sudo nano /etc/motion/motion.conf

permet de changer les paramètres de motion.

Dans la fenêtre qui s'affiche il faut changer plusieurs paramètres dont : (Il est difficile de trouver certains paramètres, mais 'ctrl + w' permet "chercher/remplacer") Param.png

  • Make sure 'daemon' is ON.
  • Set 'framerate' anywhere in between 1000 to 1500.
  • Keep 'Stream_port' to 8081.
  • 'Stream_quality' should be 100.
  • Change 'Stream_localhost' to OFF.
  • Change 'webcontrol_localhost' to OFF.
  • Set 'quality' to 100.
  • Set 'width' & 'height' to 640 & 480.
  • Set 'post_capture' to 5.

Press ctrl + x to exit. Type y to save and enter to conform.

Taper

sudo nano / etc / default / motion

pour ensuite changer 'start_motion_daemon' en 'yes' Daemon.png Pour finir, il faut redémarrer le logiciel Motion:

sudo service motion restart

Encore une fois,

sudo motion

Maintenant, le serveur est prêt.

Ensuite il faut taper l'adresse IP du Raspberry Pi ou son nom et le numéro de port de cette manière: jack.local:8081 (Il y a d'abord l'adresse IP , puis le ':', puis le numéro de port).

Final.png Liens vers la source du code : [[2]]


Raccorder le flux video du Raspicam au site web

Pour procéder il faut logiquement intégrer des lignes de code au fichier index.html du site web via l'emploi d'une balise <img>

Nous avons ici décidé de créer un

la contenant, il faut obtenir l'addresse IP de votre Raspicam pour pouvoir lier le flux en l'indiquant dans la partie src (source) de la balise <img>.
         <img name="Raspberry Pi" src="http://192.168.3.182:8081/?action=stream" width="100%" height="100%" alt="Streaming is off :-/" title="Streaming"/>

L'adresse IP est susceptible de changer à chaque interruption d'alimentation du Raspberry, il faut donc procéder à une vérification/modification manuelle si l'alimentation a été coupée.

Installation physique du Raspberry

Vertigo.JPG Tres-beau-rack.JPG Ingeenieurerie-part2.JPG

Développement de l'interface

MinuteHack

Pour gagner quelques minutes sur le projet, et pour avoir une remise à zéro de tous les paramètrages par défaut des styles dans les CSS nous avons utilisé Minute Hack de Raphaël Bastide (https://lab.raphaelbastide.com/minutehack/).

Choix stylistiques/interactifs

Nous avons opté pour une interface mono-page proposant tout le contenu en slide vertical. Chaque exposition est "cliquable" et propose une fenêtre avec un contenue plus conséquent. Screenshota1.png

Le CMS

Il faut désormais trouver un CMS facile d'utilisation, et léger, pour permettre aux futur.e.s étudiant.e.s gérant la galerie d'ajouter du contenu au site sans rentrer dans le code.

L'accès à l'ancien site

Nous avons du passer par Stéphane Noel pour pouvoir avoir les accès de l'ancien site. Certains questionnement sont ainsi apparu de sa part :

1) reprendre ce site et l'alimenter dans y toucher ? 2) le détruire et installer un autre truc à la place ? 3) l'archiver sur place en html pur et placer quelque chose d'autre ?

Il a permis de mettre en exergue différentes problématiques qui nous ont permis d'avancer et de faire certains choix techniques "Je crois en effet qu'il faut virer le vieil indexhibit. Je pense qu'il faut l'archiver par contre, ne fut-ce que pour des questions de respect pour les gens qui ont bossé à ce site et pour des questions de mémoirs. Je peux aspirer le site (en faire une version pur html avec un logiciel d'aspiration) et le déposer, avec un lien vers "archives de la galerie 2014-2018" ou un truc du genre. Ça ne coutera que quelques megas d'hébergement. Du coup tu pourras disposer de la db et d'un accès FTP. Faites un choix de développement perenne: je n'ai rien contre les cms fabriqués à la main, mais leur maintenance peut poser problème sur le long terme."

Les différents problèmes techniques rencontrés

Raspberry

Campix.png Motion a été assez compliqué à appréhender, car pour ma part, il y a eu un ensemble de configuration de base qui ont fait poser problèmes. En effet le premier était la capture continuelle de photographie lors du démarrage du stream alors que l'objectif était de faire une photographie par jour. En effet il a fallu comprendre d'où venait le problème et modifier un ensemble de paramètre dans "pi@ergalerie:~ $ /etc/motion/motion.conf. "

L'installation Raspberry dans la galerie

Nous avions dû prévoir un emplacement qui ne serait pas facilement accessible, pour l'instant l'installation est provisoire. D'ici la mise en ligne du site sur le serveur, l'Institut Saint-Luc installerons un système plus sécurisé notamment pour l'accès au courant.