Grasduinen met Open Beelden TV

Afgelopen zaterdag vond bij het Nederlands Instituut voor Beeld en Geluid de Open Omroep Hackathon plaats. Deze dag werd georganiseerd door Hack de Overheid en mede mogelijk gemaakt door NPO, STER en Beeld en Geluid. Bijna honderd programmeurs gingen aan de slag met de verschillende datasets die voor deze dag beschikbaar waren gemaakt, van Willem Wever vragen tot ondertitels van de KRO, en van alle reclamespotjes uit 2012 tot een gigantische berg aan data over televisie-uitzendingen. Open Beelden was ook beschikbaar, met ‘Open Beelden TV’ als resultaat!

Grasduinen door Open Beelden
Ontwikkelaar Frank Sträter koos ervoor iets met Open Beelden te doen, omdat hij graag gemakkelijk door de meer dan 3.500 beschikbare video’s wilde zappen: ‘Ik grasduin zelf graag door Open Beelden, maar merkte dat ik het miste om direct naar een andere video te springen. Ik heb deze app dus eigenlijk vooral voor mezelf gemaakt.’

Het resultaat: een rustige, intuïtieve interface waarmee je eenvoudig op je smartphone, tablet en computer het Open Beelden archief kunt ontdekken. Er zijn vier elementen in de interface: Informatie, Overzicht, Kanaal en Afspelen:
Open Beelden TV
Onder Kanaal kun je kiezen door welke van de verschillende collecties op Open Beelden je heen wilt zappen.
Blog_kanaal
Als je meer wilt weten over de video die je kijkt, kun je op Informatie klikken om de de beschrijving lezen.
Open Beelden TV
Onder Overzicht staan de titels van andere video’s die binnen het geselecteerde kanaal vallen. Ten slotte kun je een video afspelen of op pauze zetten, en voor- of achteruit zappen. Als je de knoppen wilt verbergen terwijl je aan het kijken bent, kun je dit doen door ergens in het beeld klikken.
Open Beelden TV
Voor de volledige films van de screenshots, klik op: raven, wondermobielen, oude man en cameraman.

Ontwikkelaar aan het woord
Frank Sträter: ‘Tijdens de hackathon besloot ik me in mijn eentje te concentreren op de gebruikerservaring (UX, user experience) bij het bekijken van filmpjes op Open Beelden. Ik zocht naar een manier om het overzicht van de media en de weergave op volledig scherm op een natuurlijke wijze met elkaar te integreren.’

‘Mijn voorbereiding bestond uit het parsen van de, overigens uitstekend werkende en gedocumenteerde API feed van Open Beelden. Middels een PHP-script beschikte ik over de data, zodat ik de user interface (UI) kon gaan bouwen in HTML5, CSS en Javascipt.’

‘Uiteindelijk denk ik dat ik wel geslaagd ben in mijn opzet om een gebruiksvriendelijke web-applicatie te maken, die zich aanpast aan elke schermgrootte. Voor moderne browsers op grote schermen heb ik noodgedwongen een subtiele transparante filter over het beeld aangebracht, om te compenseren voor het kwaliteitsverlies waarbij het scherm meer dan twee keer zo groot is als de afmetingen van de film. De applicatie komt echter het beste tot zijn recht op de kleinere mobiele browsers op de smartphone of tablet.’
Open Beelden TV op smartphone
Via Responsinator zie je het volledige overzicht van hoe Open Beelden TV er uit ziet in een smartphone of tablet.

‘Wellicht ga ik een later stadium nog extra functionaliteiten toevoegen. De applicatie geeft niet de volledige dataset weer en een mogelijkheid tot zoeken zou wenselijk zijn. De positieve reacties die ik heb ontvangen stimuleren me echter wel om er verder aan te werken.’

Beeld en Geluid is ontzettend blij met de applicatie van Frank Sträter. Open Beelden is opgezet met als doel hergebruik van onze collectie te stimuleren en deze applicatie maakt de toegang tot onze content nog gebruiksvriendelijker. Met Open Beelden TV wordt eens te meer aangetoond wat het belang is van het openstellen van je collecties.

Voor een compleet overzicht van alle 22 (!) apps die tijdens de hackathon zijn gemaakt, zie de website van Hack de Overheid, waaronder de Super Spreekbeurt Machine van het Beeld en Geluid hackteam, dat is gemaakt op basis van vragen van Willem Wever, KRO ondertitels en de Beeld en Geluid catalogus.

Geef een reactie

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.