#MFL13 Instagram wall

In september 2013 we were asked by the research and innovation department of the “VRT” to develop a second screen application to show Instagram feeds during the “Carte Blanche” show.  The editors of the show would select an instagram feed and show the images in a slideshow on one of the 7 screens in the studio behind the presenters. Sadly enough, poor ratings canceled the show and our development as well. Nevertheless here is the first episode of the show. (Check the screens in the background). The second show we added a live import of facebook pictures. App description:

  • import instagram feeds from the instagram api based on hashtag
  • screens powered by raspberry pi’s, up to 100 of them 😀 (tested max 10 screens)
  • admin screen to manage the screens and assign content to them
  • editor for filtering inappropriate pictures
  • extra feature: import facebook page pictures

Used technology:

raspberry wall

MFL13

Luckily good products sell them self. Studio Brussel got word of “the instagram wall” and got in touch with us 2 weeks before the “music for live” show (MFL13). This time the app would have to run for a week instead of a couple of hours, so focus on stability was the key. We already made an analysis of the last version and knew the points of improvement.

Enter the overhaul

We decided to drop SockJS and go with socket.io because it would give us an event based structure over the whole application from front to back. We switched to the authenticated side of the instagram API, which would give us more control over the pull requests. We changed the UI for their specific setup and added more fallbacks in case of network or server failure. We removed the under performing raspberry pi’s and switched them for a decent desktop client with an optimized linux install. They requested a way to load their own images as a feed into the app. We chose dropbox as an easy alternative for their photographers. Koen took care of the  instagram api integration and the new dropbox feature as saving the images on our node server. Toon took care of the UI, client-side and the complete interaction between server and clients over websocket. Koen G. was responsible for setting up the desktop clients. instagram wall app

The show

We went on site for installing all the clients and setting up the network. We tested the application together with the editors will explaining them how to work with it. Because of the intuitive UI no training was needed and the editorial team could focus on their main tasks while quickly changing the feeds on the screens if they would need to. mfl13 instagram screens The show went live and the instagram wall kept on running for 7 days. Even when the network went down the screens changed to fallback mode and looped through the last 20 images.

Facts:

  •  6 screens (4 behind the presenters, 1 for live stream and 1 to use for the big screen)
  • 81 images tagged with #mlf13
  • 368 images tagged for the #warmsteknuffel instagram action
  • 150 images imported from dropbox