Archive | January 2016

NTR Jheronimus Bosch: een interactieve documentaire in Micrio

image

In opdracht van de NTR en samen met onze vrienden van Fabrique bouwden wij de interactieve documentaire voor de transmediale drieluik productie over Jheronimus Bosch van regisseur Pieter van Huystee. De documentaire heet: ‘Jheronimus Bosch: Tuin der lusten’ en zorgt ervoor dat je gedetailleerder dan ooit dit drieluik van Bosch kunt ontdekken. Om deze zeer hoge resolutie plaat inderdaad tot in het diepste detail te kunnen ontdekken, moest een nieuw motortje ontwikkeld worden waarmee soepel over het schilderij gescrolld en gezoomd kon worden. Dit motortje heet Micrio.

Drieluik van een drieluik

image

2016 is het jaar dat voor Den Bosch geheel in het teken van Jheronimus Bosch staat. Niet zomaar: deze wereldberoemde meesterschilder overleed namelijk precies 500 jaar geleden. Voor deze gelegenheid hebben allerlei regisseurs, designers, dansers, componisten, kunsthistorici en andere creatievelingen zich opnieuw door hem laten inspireren. Zo ook regisseur Pieter van Huystee. Hij produceerde in samenwerking met de NTR een het drieluik over Bosch. Zijn documentaire ‘Geraakt door de duivel’ is op 20 november in première gegaan op het IDFA 2015 en is 8 februari op tv te zien in Het Uur van de Wolf. De VR ervaring ‘The Eyes of the owl’ is opgenomen in de Work-in-Progress sectie van het IDFA. En het derde luik is dus de interactieve documentaire die Marcel, Michiel, Tim en Silvy bouwden.

Jheronimus Bosch, De tuin der lusten

Het drieluik De tuin der lusten was vroeger al erg bijzonder door de bijna oneindige details. Die bijzonderheid heeft het nooit verloren. Telkens wanneer je het schilderij opnieuw bekijkt, ontdek je hele nieuwe dingen. Doordat we het in Micrio bouwden, kun je het nu van dichter dan ooit bekijken en kun je dus nog meer ontdekken dan in het Prado in Spanje vanachter een museumhekje. We werkten nauw samen met de NTR, Pieter en componist Paul M. van Brugge om naast het vrij ontdekken, een audiovisuele tour te maken. De tour leidt je langs de diepste details en geeft je informatie over de mysterieuze symboliek achter de vreemde wezens in Bosch’s wereld. We hebben ook een Klokhuis-tour gebouwd met content van Het Klokhuis. Vanaf vandaag kun je hier het schilderij herontdekken.

Micrio

image

Voor het Rijksmuseum hadden we al gewerkt met grote afbeeldingen van hun volledige collectie. De plaat van De Tuin der lusten is alleen zo groot (120.000 bij 70.000 pixels), dat daarvoor iets nieuws bedacht moest worden. Je kunt de volledige plaat niet eens in een keer downloaden. Marcel raakte hierdoor geinspireerd en is daardoor met Micrio gekomen: een online viewer voor extreem hoge resolutie-beelden. Micrio is in de basis een HTML5-library die met minimal effort de grootste afbeeldingen van het internet streamt. Het is vanaf het begin ontwikkeld met performance en minimalisme in het achterhoofd. Want ook op smartphones, tablets en retina-schermen moet de ervaring bijzonder vloeiend zijn. Ook is de data die over de lijn gaat zo veel mogelijk geminimaliseerd, om te zorgen dat een bezoek aan het drieluik niet direct al teveel van je mobiele data verbruikt.

FYI

Micrio heeft als library al flink wat stof doen opwaaien. Op dit moment wordt het al binnen meerdere projecten gebruikt die nu ontwikkeld worden, en is het al te zien op de vernieuwde site van museum De Lakenhal. Het is gedemo’d met een eigen stand op Border Sessions 2015. En tijdens passie- en eigen tijd hebben meerdere Q’ers er een voor iedereen te gebruiken imagedienst omheen gebouwd: het Micrio Dashboard. Micrio is uitgespreid over vorig jaar ontwikkeld van het eerste prototype tot full-blown stabiele versie. Hoe een simpele ingeving “Dit moet beter!” heeft geleid tot een tool die nu in meerdere Q-projecten draait, had Marcel niet verwacht: “Dit is echt heel gaaf geweest, ik ben benieuwd waar het nu nog verder naartoe gaat”.

Maar nu! Genieten van de interactieve docu en Micrio in Jheronimus Bosch, De tuin der lusten.

Advertisement

Kazoo Muziekstudio: ‘t startschot van ons partnerschap met Blink

image

Wij worden superblij van leerzame dingen maken voor kinderen in de klas. We worden dat vooral als we dat met vette techniek mogen doen. Blink wordt superblij van kinderen en jongeren aansporen om zichzelf en de wereld te ontdekken. Dat doen ze met media zoals tijdschriften, websites, apps en digitale lesmethodes. Vandaar dat we de handen ineenslaan en een langdurig partnerschap met Blink zijn aangegaan. Vandaag is het eerste resultaat live gegaan: Kazoo Muziekstudio.

Kazoo

We hebben een compleet nieuw platform ontwikkeld waarmee Blink alles kan doen wat hun lesmethodes uniek maakt. Kazoo is de eerste methode die op het platform draait en de muziekstudio een sprankelende tool voor de leerlingen. Deze muziekmethode is er voor alle leraren van de groepen 1 tot en met 8 om ze te ondersteunen bij het geven van muziekles. Het sluit altijd aan, of je nou Mozart’s achterachterachternichtje bent of helemaal geen muzikale vaardigheden bezit. De methode is ontwikkeld door Het Koninklijk Concertgebouw, Blink en de beste Nederlandse en internationale artiesten. Gister sprak hoogleraar klinische neuropsychologie Erik Scherder op de Heutink ICT dag nog over het belang van muziekles en presenteerde Kazoo daarbij. En vanaf nu staan er proeflessen klaar voor leraren van groep 7 en 8 om het zelf te kunnen zien en proberen.

image

In les 1 tot en met 5 leren de leerlingen alles over hoe dance in elkaar zit en maakt iedereen een eigen dancenummer door in de wereld van Martin Garrix te duiken. In de muziekstudio maakt de leraar groepen aan. De leerlingen kunnen dan met hun groepscode inloggen en aan de slag met de muziekstudio om zelf dance tracks te maken.

Bleeding edge technologie

De muziekstudio is een sequencer die volledig in de browser draait. De eerste versie hebben Martin, Guido en Sjoerd ontwikkeld en gevalideerd tijdens een jumpstart. Daar werd iedereen zo enthousiast van dat ze er ook hun w00tcamp aan hebben besteed. En nu is het echt helemaal af. Het werkt goed en soepel. We hebben niet alleen de muziekstudio gebouwd: Jasper, Jasper, Jaap, Kamil, Johan en Guus hebben ook het hele nieuwe platform voor Blink gebouwd. Kazoo is de eerste methode die hier gebruik van maakt.

We hebben weer heerlijk mogen grabbelen in de bak met hippe technologieen. Dit keer werken we met onder andere React, Reflux,  Node.js, Google Cloud Platform, Firebase, Datastore, Cloud SQL, App Engine, Vue.js en Web Audio API gewerkt om tot dit resultaat te komen. Daar worden we dus blij van. Al die vette technieken. (Word jij ook blij om hiermee te werken? Misschien kan je ons wel komen helpen!)

En nu verder met mooi spul voor Blink! To be continued.

Printr jumpstart: 3D printing made painless by a Dutch-based startup

image

3D printing can be a real pain. You’ve got so many printer variables to set up it can feel like you’re sending a rocket to Mars. And you’re either stuck at the printer with a USB cable or you’re getting no info about your current print, because you’re using an SD card to print your miniature Millennium Falcon. So painless, even enjoyable 3D printing just almost sounds too good to be true. Dutch-based startup Printr is making it a reality though. Not only on the hardware, but also on the software side.

Printr

image

Everybody knows printing in general is just a horrible experience. 3D printing is even worse, because most companies see 3D printing as a niche market for professionals only. Printr sees things differently and wants to streamline the 3D printing experience, both for the abovementioned professionals and every average Joe and Joelene as well. With FORMIDE, they already offer a 3D printing cloud platform for schools, makers and offices on which everybody can log in and manage multiple printers, projects and users for greater productivity. Their new piece of hardware makes the experience even better: the Element provides for a way get the info on your current print, without being stuck at the printer with a USB cable. That’s because it streams STLs or Gcode generated from any slicer (the tool you need to convert your file into instructions or say slices) directly from your device to your 3D printer, both locally and through FORMIDE. To complete serving everyone in every situation the next step is Katana,  a free 3D printing app everyone can download to simply start printing without having to use the cloud, for individual users.

Jumpstart

image

Printr had several reasons to build Katana. One of them is to serve their customers across the board. Another is for easy onboarding to their other products. But the main reason is because the experience of 3D printing until now just sucks. Printr wants to fix that. Since UX-fixing is sorta kinda our thing, this jumpstart was a perfect match. So, in just one week of only, we built Katana, together with the Printr team. But not only that: next to coding the app we helped them with the typical startup struggles. We introduced their team to the Q-way of working together, helped them polish their ideas about 3D printing, assisted in increasing the viability of their product, tested Katana with objective testers and thought along about the steps they should be taking next. So in other words: a jumpstart isn’t necessarily only valuable for the viability of your product; it can help jumpstart your whole business as well.

Katana

For Katana we used Node.js and Angular, because Printr’s finished software was built with it too. To turn it into a desktop app, we used Electron. Two steps of Katana were already finished and could simply be tied together, because Printr provided us with their powerful slicer software and 3D viewer. So we tied it together and built the remaining steps of the app.

image

Upon starting the app, you first choose your printer. Printr already created profiles for different printers, to make your life a little easier. The next step we built is selecting your 3D model. You can do that by selecting a file on your computer or you can just drag and drop it. Then Printr’s 3D viewer follows. In this viewer you can edit your print any way you want to.

image

Then it’s time to choose the material you will use and which quality and speed you want to print at. Because of the printer profiles Printr already generated for you, you don’t have to set up any variables yourself. But because our testers expressed the wish to still be able to control those during our jumpstart, you can still click the manual controls and tweak the variables to your own desire. We generated the duration of your print by calculating the quickest one in the background of the step before. With this information we can calculate the duration of all print qualities in this step. Then, when you’re ready, it’s time to press print or save your print job to an SD card. When you choose ‘print’, Katana keeps you informed about printer status and duration. After the jumpstart Printr was ready for their next step: building support for the Element too.

Jumpstarting your startup

We helped Printr with coding Katana, but to be honest they could have done that by themselves too. Their team is not at all short on geniuses. So with coding Katana and steering towards a new fresh interaction design, we’ve mostly helped them keep their app simple by offering a fresh pair of eyes on their product. We helped them to build a prototype in just one week and introduced them to our way of working. We’ve really enjoyed spending the week together in one room. Because working that close together made it possible for Printr to improve their code immediately on subjects that weren’t finished yet or simply not thought about before building Katana with its own specific use cases.

By using it as an accelerator for their business Printr proves jumpstarts aren’t only for established companies, but extremely valuable for startups too. With their vision, hard- and software, talented team and this jumpstart experience we believe nothing is holding Printr back to take over the 3D printing world.

w00tcamp de resultaten: slotscène

image

Aan alles komt een eind. Aan w00tcamp 2015 in november al en aan de ‘w00tcamp de resultaten’-blogposts nu. Want in deze blogpost besteden we aandacht aan de laatste vier teams: LotenLotenLoten, SkyhawQ, ABle en Monsterify!

LotenLotenLoten

image

Gerard, Bas en Thomas van Fabrique bouwden een app voor Windows Phone, Android én iOS met de bedoeling dat je geld naar ze stort. Klinkt als een gouden ei.

Wanneer je een lot koopt, win je weleens wat, maar de kans is groter wanneer je meerdere loten koopt. Met je vrienden bijvoorbeeld. Volgens team LotenLotenLoten kan dat groter: loten kopen met iedereen, dan maak je pas écht veel kans om iets te winnen! In het dashboard zie je de aankomende trekking, het aantal spelers dat mee doet, het aantal loten waarmee jij meedoet en het totaal aantal gekochte loten. In de app kun je zelf een lot toevoegen door er een te kopen. Wat nog gebouwd moet worden is dat de winst wordt uitgekeerd… Klein detail.

SkyhawQ

image
image

Het idee: een wereldverbeterende drone die autonoom (en ook nog betaalbaar) kan vliegen. Tim kon zich niet voorstellen dat er geen partij zou bestaan met een probleem dat moeilijk zonder drone in kaart te brengen is. Dus hij ging in gesprek met verschillende partijen. Greenpeace was er al mee bezig, maar liep nog tegen problemen aan: een te dure drone en data die moeilijk te gebruiken is. Zij hadden dus wel oren naar een tweedaagse w00tcamp om samen te kijken hoe ze de wereld met een drone konden verbeteren. 

Tim, Remco, Wouter, Leonard en Herman; Esther van Oak & Morrow; Marleen van Greenpeace en Anton, Johan en Wouter van Fabrique werkten een echte case uit: illegale ontbossing in Indonesië. Niet door houtkap, maar door hele stukken te verbranden ten behoeve van de palmolie-industrie. Mensen in steden en dorpen in de buurt krijgen hier gezondheidsproblemen van, het is milieuverontreinigend en dieren raken dakloos of erger: verbranden. Om dit probleem aan te pakken is een werkend prototype van de drone gebouwd en een crowdsourcing app. De drone kan zelf over het gebied vliegen en foto’s maken en in de app kan iedereen meekijken om te analyseren wat er op de foto’s staat: zoals een dier, arbeiders of een auto. Want naast dat deze app dus een manier geeft om te helpen en meer awareness te creëren, zijn mensen nog steeds beter en sneller in foto’s analyseren dan techniek dat is. Op het moment is team SkyhawQ in gesprek met Greenpeace over de volgende stap. To be continued.

ABle

image
image

Nog zo’n wereldverbeterend idee heeft team ABle. En dat dat idee anderen ook enthousiast maakt, is wel duidelijk: Johan, Michiel, Mark en Guido; Niels van Shakingtree Interventions; Vasilis vriend van Q en Thomas van Fabrique wonnen er namelijk de Jumpstart van de enige echte vakjury mee. Het idee? SnappCar voor mindervaliden. 

Ergens komen is zelfs zonder een auto te hebben, tegenwoordig niet zo’n issue meer. Je huurt een auto commercieel of particulier, belt een taxi of een Uber en anders ga je gewoon met het openbaar vervoer. Voor mindervaliden zijn deze opties echter nog lang niet optimaal. Niet elke huurauto is geschikt, de geschikte zijn supermoeilijk te vinden en het openbaar vervoer laat ook, met ongeschikte perrons voor rolstoelen bijvoorbeeld, nog altijd te wensen over. De tool die zij bouwden maakt het daarom gemakkelijk om geschikte auto’s te vinden en reserveren voor mindervaliden. Nu van commerciële aanbieders, maar in de toekomst ook van particulieren. Het is gebouwd met VueJS en is in de browser te gebruiken. Het formulier is makkelijk in te vullen, zelfs wanneer je, door je situatie, een computer anders gebruikt dan anders. Spraakherkenning is de logische volgende stap. Op dit moment is het team hard bezig met het invullen wat de Jumpstart precies moet zijn. Hier gaan we nog van horen!

Monsterify!

image
image

Laurens, Richard en Jimmy; Jeroen van Oak & Morrow; Boaz van Elasticsearch en Diane van Lucky Kat Studios hadden een supervet idee wat ook nog haalbaar was: een monster die je kunt beschrijven, naar je luistert en dan direct precies zo geprojecteerd wordt door de beamer. Dat is pas gaaf spannende verhalen vertellen. 

In Unity bouwde team Monsterify! de HTML app en koppelde die aan een speech API. Dat zou heel makkelijk moeten gaan, maar in de praktijk bleek dat nogal stroef. Hier is dus de meeste tijd in gestopt tijdens w00tcamp, zodat Laurens wel een werkende demo kon geven zaterdagmiddag. En dat is dus gelukt. Laurens praatte er armen, klauwen, kleuren, ogen, hoorntjes en oren aan. Met ietsje meer tijd had ‘ie nog een stuk interactiever geworden en nog veel meer art gehad. Volgend jaar de zondag erbij?

Over volgend jaar gesproken… Dit was het dus echt. De allerlaatste post over w00tcamp 2015. Van een aantal projecten gaan we natuurlijk nog horen. Maar voor nu: tot w00tcamp 2016 voor de volgende w00tcamp resultaten! 

2015 was een feestje

image

Letterlijk. Want 2015 was het jaar waarin we 15 werden. Dat hebben we goed gevierd met een mooi feest en een speciaal Q-uitje, maar wat het extra mooi maakte, was het feit dat we ook dit jaar aan veel mooie projecten hebben mogen werken. En dat delen we graag met jullie. In 2015 hebben we met trots en veel liefde gewerkt aan:

360 Video Presence voor FOX
9292 apps
ABle

image

Geheim project voor adidas
Google Cloud training voor AllSolutions
Jumpstart voor Bavaria
Jumpstart voor Benbenet

image

Museum Explorer voor Museum van Wereldculturen
BinnenhofCheck voor ProDemos
Mooi spul voor Blink
BNO.nl voor BNO
Collectie online voor Museum Boijmans van Beuningen
Jumpstart voor Booking
Canary Instruments app
Subiet

image

Geheim project met Oak & Morrow
Project 6 voor CMD
CodeUur
Geheim project voor PON & Gazelle
Daisy voor de Kanselarij der Nederlandse Orden
De IJzeren Eeuw online tijdschrift voor VPRO

image

DenHaag.com voor gemeente Den Haag en Den Haag Marketing
Empat.io
GeschiedenisVanZuidHolland.nl voor Erfgoedhuis Zuid Holland
Freshwatching met Business Models Inc
Game of Drones Jumpstart
Gamma en Karwei apps voor Intergamma 
DenHaag.com voor gemeente Den Haag en Den Haag Marketing

image

Gigaset Elements PoC in Google Cloud
Happy Tools for Nerds (onze interne tooling)
Familie Pluym voor Malmberg
Mimispot 
IKEA.nl voor IKEA

image

IKEA pictures & frames voor IKEA
IKEA small space gardening voor IKEA
Geheim project voor PostNL 
DesignMuseum.org voor Design Museum London

image

IemandZoalsIk.nl voor VSN
JGZ Grow voor Apps BV
Kamerdebatsimulatie voor ProDemos
beta.klm.com voor KLM
KLM Apple Watch app

image

Lakenhal.nl voor Museum de Lakenhal
Examenklacht.nl voor LAKS
LessonUp
BAPS voor Malmberg
Mazda car configurator
Micr.io

image

MOTI
NEEM iOS app
TurtleBlaze

image

Google Cloud training voor NewBase
Paper online magazine voor De Persgroep
Talloze mooie nieuwe dingen voor Philips hue, waaronder de koppeling met Nest
PostNL apps

image

Printr jumpstart
Proud app
SuperStreetViewer42
De Q-site
Contranoid

image

rbv.minfin.nl voor Ministerie van Financiën
Talloze mooie nieuwe dingen op Rijksmuseum.nl
rocmondriaan.nl voor ROC Mondriaan
Schooltas voor ThiemeMeulenhoff
Watson voor Soundfocus

image

Jumpstart voor Spinn Coffee
Talloze mooie nieuwe dingen voor de Staatsloterij, waaronder de nieuwe apps
StedelijkMuseum.nl
VanGoghMuseum.nl 
Mazda car configurator

image

Verfmonsterdatabase voor Rijksmuseum
Wellant.nl
Zoom in / Zoom out – Jeroen Bosch voor NTR
Girl Code

image

Gelukkig Nieuwjaar, xx Q!

Zo. Wat een mooi jaar: 2015. En wat een mooie projecten. Op naar een minstens zo mooi 2016!