Archive | February 2016

NTR/VPRO: Ondersteboven – Nederland in de jaren 60

image

De NTR en de VPRO behandelden eerst De Gouden Eeuw in een uitgebreide geschiedenisserie, toen De IJzeren Eeuw en nu is het tijd voor de roerige jaren 60. Vanwaar die sprong in eeuwen? De redactie had wel weer eens zin in bewegend beeld. En welk beeld beweegt nou meer dan het beeldmateriaal uit de bewegende jaren 60?

De serie wordt vergezeld door een op zichzelf staand interactief videomuseum, een boek en een historische Zapp comedy. Dus wat je favoriete medium ook is, ook jij kunt na deze serie de show stelen op verjaardagen en partijen als jaren 60 expert. PS dat interactieve videomuseum mochten wij bouwen.

Persviewing

image

Twee weken geleden hadden wij de eer om bij de persviewing van Ondersteboven aanwezig te zijn. Daar werd niet alleen het online videomuseum gepresenteerd, maar ook de televisieserie en het boek. De geschiedenisserie start 19 maart op NPO2, duurt acht weken en gaat over hoe in de jaren 60 Nederland compleet ondersteboven werd gekeerd en voorgoed veranderde: “Minder naar de kerk, meer naar school, minder werken en meer seks”.

Alles wordt beschouwd door niemand minder dan Kees van Kooten. We hebben al wat fragmenten mogen bekijken, live geïntroduceerd door Van Kooten zelf. We kunnen je daarom beloven: deze serie wordt er eentje die je echt niet wilt missen. Het boek komt ook 19 maart uit en later in het jaar de historische comedy op Zapp.

Interactief videomuseum

image

Een beetje serie heeft natuurlijk ook een interactieve online variant. Daarom mochten we dit jaar weer samenwerken met onze favoriete vijfde turtle: historicus en story designer Lyangelo. Dit jaar had hij voor zijn verhalen geen online tijdschrift in zijn hoofd, maar een online interactief videomuseum. En dan vooral eentje die geheel op zichzelf staat: “want het internet, dat is inmiddels wel volwassen”.

Het museum heeft dus een eigen redactie, vertelt een eigen verhaal en omdat je nooit genoeg kunt hebben van de jaren 60 biedt het andere beelden dan de televisieserie. Er zijn acht curatoren gekozen die aan de hand van acht thema’s hun eigen verhaal over de jaren 60 hebben gemaakt. Aan Egbert Jan Weeber om ze in acht tours te vertellen. Zo sluit het dus mooi aan bij het anekdotische karakter van de serie op tv en het gevoel van tours in een fysiek museum.

Techniek

image

Marcel, Jeroen, Richard, Silvy en Chris hebben het videomuseum en de website gebouwd. Voor het inzoomen, de navigatie, points of interest, vrij verkennen en tours hebben we Micrio gebruikt. Richard heeft de motion engineering gedaan en daarbij extra goed op de flow van de app gelet. Dit zorgt ervoor dat alle animaties, overgangen en fades extra fijn aanvoelen. Door het als een webapp te programmeren hebben we de website minimaal op kunnen zetten, is het dus volledig responsive en werkt het precies hetzelfde (zonder aanpassingen) ook lekker op je smartphone. We hebben drie libraries gebruikt: Micrio voor het videomuseum, Swiper voor de carousels op de landingspagina en Marked.js voor alle markdown tekst die in het CMS kan worden ingevoerd. De nerdstats: we hebben maar 18KB JavaScript en 31KB CSS (stylus) geschreven, hosten alles op Azure en we hebben geen frameworks gebruikt. Het design is gedaan door Judith van der Velden en Richard Overboom van Random.nu.

Op de tv-serie moet je nog even wachten. Gelukkig kun je je vanaf nu wél alvast verliezen in het interactieve videomuseum. Op zoek naar die easter egg!

https://player.vimeo.com/video/156843630?title=0&byline=0&portrait=0
Advertisements

Dehaag.com: Teâh ere van Haagse Harry en Marnix Rueb

th;ml Te haags; moeilijk leesbaar. Omdat vandaag met de onthulling van het Haagse Harry standbeeld een groot moment is voor elke Hagenees, hebben we in samenwerking met Den Haag Marketing en het Haags Tale Instituut (Sjaak Bral en Robert-Jan Rueb) de hele DenHaag.com website naar het Haags vertaald. Je vindt de vertaalde website op het toepasselijke domein: DeHaag.com. En nu moet je tóch proberen de rest van het artikel gewoon te lezen. Hardop en fonetisch, dan begrijp je het wel. Echt.

Vedaag issun graute dag voâh elleke Hageneis. Vanaf vanavond hebbe we Haagse Harry en daahmei zèn scheppâh Marnix Rueb èndelijk weâh terug in ons middûh. Lettâhlijk ons midde: bauvenop de tremtennel op de Graute Marrek. As die dat maah hâhd, want ut issun joekel van un standbeild gewogtûh. Ut is teigelijk auk un mauie gepaste anlèding om èndelijk onze Haagse draum waah te make: Dehaag.com heilemaal innut Haags. Kap nâh!

De Haagse draum

Al sins we voâh ut eâhs mochte werreke voâh De Haag Marreketing, hadde wè Q’âhs ut idei om de site innut plat Haags te vetalûh. Helaas hadde we daah tot nâh gein beitere reije voâh dan: gewaun omdat ut ken. Toen we hoâhde van de anstaande onthulling vannut beild ontworrepe doâh Bâhke Schuemie, hebbe we snel Mâhpie van De Haag Marreketing opgebeld en gevraag of zè dit auk hét geschikte maument vondûh. En dat vonde ze, want un Haagsâh maument dan de onthulling vannut enige echte Haagse Harry beild bestaat nie. De Haag Marreketing wilde auk graag wat doen teâh ere van Marnix Rueb, dus zau gezegd zau gedaan. Met de hullep van Sjaak Bral en Robert-Jan (met één B!) Rueb hebbe we de website vetaald. Om ut maument auk hieâh bè Q speicialâh te make wiste enkelt Roelluf-Jan, Marrek, Tim en Ineke ervan en ging ut un beitsje bùitûh de noâhmale planning om. Oh hoi… Stef, Chris en Kags. Maui hè!

Algauritme

Veile ginge ons voâh om te praubere ut Haags innun kant en klare vetaalmachine te stoppe, maah vediende nauit de goedkeuâhring vannut Haagse Tale Instituut: Sjaak Bral en Robert-Jan Rueb. Nie zau gek, want volges Bral is “ut Haags un leivendige taal”. Of andâhs gezegd: un taal met veile inkonsekwensies in haah taalreigels. Un algauritme gaat dus nauit de volle hondâhd praucent hale, maah volges ut instituut zèn wè dichtâhbè dan auit gekaume en is ut nog nauit zau goed gedaan. Dit algauritme hep dus de volle zeige vannut Haagse duo. Foneties geleize klop ut lekkâh en da’s belangrèk. Hieâh vijje dus onze vetaalmachine en kajje vedaag de heile dag Haags lullûh.

Aupe source

Ut algauritme is gebâhd doâh Roelluf-Jan met ‘Ut Groen-Geile Boekie’ van Marnix Rueb hemzelluf, Sjaak Bral en Robert-Jan Rueb as lèdraad. En omdat ut de mauiste taal achtâh de dùine is, is ut natuâhlijk aupe source. Omdat ut zau’n leivendige taal is, hebbe d’r voâh Roelluf-Jan en Marrek heil wat avondjes doâhwerreke ingezetûh. Ut algauritme is ontwikkeld in JavaScrip en Marrek hep deize auvâhgezet naah .NET waah de heile DenHaag.com site in is gebâhd. Hè hep auk alle links heâhschreve naah DeHaag.com en gezorgd dat ut algoritme de heile site indexeâht. Sterrekâh nog: ut blèf de heile site vanaf nâh altèd indexere, dus auk na vedaag kajje vogtaan al je info auvâh De Haag innut Haags blève leize op DeHaag.com. Graag gedaan. De mazzol!

Girl Code meets Meteor

image

Last week Girl Code decided to shake things up a little. Instead of your regular talks only meetup; Ineke, Katja and Kristin organised a hands-on meetup to take place at our HQ in The Hague. After some noodles and a quick intro everybody went on to code their very own game of Tic Tac Toe in MeteorJS. All levels were welcome.

image

Because MeteorJS is so accessible, it is just the right framework for a workshop suited for all levels. With the right tutorial someone who hasn’t ever coded before can code their first Tic Tac Toe quite easily and get a taste of how much fun programming is. While at the same time, professional developers can easily go deeper and get more familiar with Meteor and code an advanced Tic Tac Toe.

image

We had a full house and the workshop proved to be so much fun even the first time programmers were behaving like proper nerd developers: everyone was buried in their screen, coding the ultimate Tic Tac Toe and forgot to take care of themselves. The amount of candy bars and drinks we’ve got left is proof of that, lol. Girl Coders at the meetup told us this hands-on meetup was a welcome and a cool alternative to the regular talks-only-meetups. So this is one to get a rerun.

image

Rerun!

A rerun like on tv and as good as any good old Friends rerun. We want to offer a second chance to everybody who couldn’t make the first Girl Code meets Meteor because it was in The Hague. So this night will be at our Amsterdam office and we hope you all join us there. We also would like to re-invite everybody who did come already and just want to do the workshop again or want to go on with their Tic Tac Toe they’ve coded last week. Whilst enjoying the good company of other Girl Coders and Meteor tutors of course. You can RSVP here: Girl Code meets Meteor Rerun at Q42 Amsterdam.

Meteor meetups

After coding your own Tic Tac Toe you might be hungry for even more Meteor. You can start on the tutorials Meteor.com offers and join the Meteor NL meetups which we at Q42 also organise.

Learning to code

If you’re just starting out learning to code it can be hard to know where to start. That’s why we made this list with tools and websites which offer ways to learn how to code at home:

Codecademy
Khan Academy
Microsoft Minecraft
Codescool
Udacity
Coursera
Treehouse

Thanks to all the Girl Coders who joined us: you made this night a real success!

For more photos of the night check this album. Girl Code is open for everybody: all levels and genders ;-) You can join Girl Code here.

Update March 18 2016:

Meanwhile, Girl Code meets Meteor Rerun at Q42 Amsterdam is also behind us. And wow! What a turnout. 50(!) of you joined us for a night of coding. And we have pictures to prove it :-D Thank you all for coming!

You can finish or start the Girl Code meets Meteor Tic Tac Toe tutorial here.

NTR Hieronymus Bosch: an interactive documentary in Micrio

image

Commissioned by the NTR and together with our friends at Fabrique we built the interactive documentary for the transmedia triptych about Hieronymus Bosch by director Pieter van Huysteee. The documentary is called ‘Hieronymus Bosch: The Garden of Earthly Delights’ and affords you to discover this painting in more detail than ever. To be able to discover this image of extremely high resolution, a new engine to zoom and scroll over the painting smoothly had yet to be developed. This engine is called Micrio.

Triptych of a triptych

image

2016 is the year that Dutch town Den Bosch celebrates in the name of Hieronymus Bosch. Not without reason: this world famous master painter died exactly 500 years ago. For this occasion several directors, dancers, designers, componists, art historians and other creatives let Bosch inspire them anew. Director Pieter van Huystee was one of those re-inspired creatives. In collaboration with the NTR he produced a transmedial triptych about Bosch: a documentary, a VR-experience and this interactive documentary which Marcel, Michiel, Tim and Silvy built.

Hieronymus Bosch, The Garden of Earthly Delights

The triptych The Garden of Earthly Delights was extraordinary back in the days because of its almost infinite details. And it has never lost this extraordinarity. Every time you look at this painting again, you will discover and stumble upon new creatures and stories. Because we have built the documentary in Micrio, you can now discover the painting in even more detail than at the Prado in Spain from behind the little fence they’ve put in front of the painting. We worked close together with the NTR, Pieter and music componist Paul M. van Brugge to develop the interactive tour next to the ‘freely explore’ option. The voice of Redmond O’Hanlon guides you through the painting to explore the deepest details and gives you information about the mysterious symbolism behind the strange creatures in this Bosch painting. We’ve also built a (Dutch) Klokhuis-tour for children. You can rediscover this painting here.

Micrio

image

We have worked with big images before for the Rijksmuseum. But, the hi-res image of ‘The Garden of Earthly Delight’ is so extremely big (120.000 x 70.000 pixels) you can’t even download all of it at the same time. That’s why we had to think of something new. Marcel got inspired by this fact and came with Micrio: an online viewer for extremely hi-res images. At the core Micrio is a HTML5-library that streams the biggest images of the internet with minimal effort. From the start it’s developed with performance and minimalism in mind. Because the streaming should be extra smooth on smartphones, tablets and retina-screens too. To make sure a visit to the triptych doesn’t use up all of your mobile data, data usage has also been successfully minimized.

FYI

Micrio has already provoked some attention of its own. At this moment it’s being implemented in several projects we’re working on and it’s already implemented in the renewed website of Museum de Lakenhal. It was on show at Border Sessions 2015. And several Q’ers have built an open image service around it (Dutch article): the Micrio Dashboard. All in all it took a full year to take it from the first prototype to the full blown stable version it is now. How such a simple thought as “This has to be better!” led to a tool that’s now running in several of our Q-projects, is something Marcel hasn’t expected: “This journey has been really cool! I wonder where it goes from now.” (If you have any extremely hi-res images laying around don’t be shy to upload them to Micrio or get into contact with us!)

But for now! Please enjoy the interactive docu and Micrio in ‘Hieronymus Bosch: The Garden of Earthly Delights’.

You might have read this article before. That’s very well possible. Almost two weeks ago we posted the exact same post in Dutch with the launch of the documentary. Since then the interactive documentary has gotten more views and attention we could have possibly hoped for. In just one week the site has reached more than 40.000 views already, after two weeks more than 100.000 and after being on the front page of Reddit since last night we’ve passed 200.000 views. Not only Reddit picked up our interactive documentary, a lot of people are talking about it on social media and several blogs posted articles about it, Colossal for example. The attention thus isn’t only Dutch anymore so we thought it would be helpful for our international audience to translate our piece in English. The picture below is of our extremely proud Marcel, the creator of Micrio, who after a tip it being posted on Reddit last night, is watching on his phone how ‘The Garden of Earthly Delights’ gradually reaches the frontpage.

image