Archive | Q42 RSS for this section

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!

w00tcamp de resultaten: ronde drie

image

Het was volle bak bij w00tcamp 2015 en we hebben je dus nog steeds niet alle resultaten laten zien. Bij deze: de volgende vier van team Traquencer, Meer.0, Magic Foosball Table en Kakparaplu.

Traquencer

image

Sjoerd, Martin, Kars, Elaine, Sander van Blendle en Martijn van Elastic wilden GitHub voor muziek maken: een plek waar je muziek kunt maken, vinden, remixen en van elkaar kunt leren. Met een audio sequencer die stiekem toch een (fast/scream/impulse) tracker blijkt te zijn. Dus heeft team Traquencer de eerste traquencer uitgevonden. Toevallig. Wat hadden ze al af? Een editor met samples. Wat voegden ze toe? Een synthesizer sound generator module unit voor vette zaagtanden en Sjoerd-herrie™. Tracker-keyboard support voor auto-step insertion van samples op verschillende toonhoogtes, zodat je kunt bassdrum/hihatten met je toetsenbord. En een serverplatform om songs mee te delen en remixen, zoals alleen Kars dat in een paar uur kan bouwen. En nu gaan ze de wereld veroveren, een hoop kids blij maken en infinite moneyz ontvangen om een geldpakhuis mee te vullen en er dan lekker duck-style in te zwemmen. Zo.

Meer.0

Het concept van Benjamin, Tomas en Bram was helder. De wens aanwezig. De uitwerking bleek minder triviaal. Meer.0 is een app die alle telefoons op een feestje transformeert tot één grote speaker. Want als je ergens bent en niemand heeft een dikke speaker bij zich, waarom zouden alle telefoons dan niet samen een hoop herrie kunnen maken?

Omdat syncen van audio bijzonder ingewikkeld blijkt.

Twee dagen heeft team Meer.0 geprobeerd om het syncing issue op te lossen. En dat is gelukt… In één bepaalde testopstelling. Daar werkte het, maar zodra je daar ook maar iets van afweek (muziek met een andere bitrate streamen bijvoorbeeld), ging de syncing niet soepel meer. Dus wat hebben ze bewezen? Het is mogelijk om muziek, offline, op meerdere devices in-sync af te spelen. Maar het zou niet uit mogen maken wat voor bron je gebruikt: mp3 of aac, 128k of 320k… Er waren zeker eureka-momentjes, maar de app moet nog even gehufterprooft voordat het in de App Store kan.

Magic Foosball Table

Niels, Daan en Matthijs van Unitid; Frank en Timo van de VPRO en Mark van Fabrique begonnen vrijdag bij nul, het enige wat er stond was de voetbaltafel. Team Magic Foosball Table ging dus eerst snel naar de Mediamarkt om een 55" TV te scoren, schroefde de tafel uit elkaar en sloot de nieuwe TV aan. Hoppa, het paste! Erop spelen is een toch wel unieke ervaring te noemen: de bewegende beelden die op je afkomen, het geluid en de animaties als je gescoord hebt, het rood of blauw kleuren van het veld als je scoort en de zenuwslopende Frenzy Mode als je drie keer achter elkaar gescoord hebt. Ook wordt de positie van de bal gemeten met een Kinect camera en het spoor waar de bal gerold heeft getoond. De originele knoppen van de tafel zijn gebruikt om het extra af te maken en alle techniek is netjes weggewerkt. De tafel staat bij Unitid, mocht je je niet in kunnen houden. Snappen we. Oh, er horen trouwens ook twee apps bij: een scheidsrechter app en een Cardboard app zodat je ‘op het speelveld’ kunt staan om mee te kijken.

Kakparaplu

Korjan, Jasper en Kamil wilden tijdens w00tcamp de adblocker voor content maken. Zij bouwden daarom: de kakparaplu Chrome extension. Alsjeblieft. Kakparaplu?! Ja, precies dat. Een paraplu voor alle poep op het internet. Soms lees je bijvoorbeeld Nu.nl en vraag je jezelf af waarom deze content het internet weer een stukje verder mag bevuilen. Mocht je tot de conclusie komen dat het vaak dezelfde auteur is, die jouw internet verbullshit, dan zet de Kakparaplu dat in het vervolg voor je uit. En nu gaat team Kakparaplu zich herbezinnen op de route naar world domination en een schoner internet. It’s a dirty job, but somebody’s gotta do it.

Zo, dat waren er weer vier. Houd ons in de gaten, want binnenkort posten we de allerlaatste ‘resultaten’-blogpost van w00tcamp 2015. Tenzij je ons kakparapluut natuurlijk.

w00tcamp de resultaten: met ingehouden adem

Zo, daar zijn we weer. Tijd voor nog meer resultaten van w00tcamp 2015. Deze vier hebben niks met elkaar te maken, maar zorgen er wel stuk voor stuk voor dat je je adem even inhoudt, want: Ben je slim genoeg? Wie kickt ass? Kun je misschien iets stiller staan? En hoe heet je eigenlijk?

Escape Pod

image
image

Holly smack wat was dit awesome. Iedereen zei: “Tien mensen dat wordt nooit wat!” Het tegendeel is bewezen. Binnen twee dagen hebben Kristin, Arian, Arjen, Frank, Silvy, Christiaan, Sophia van Oak en Morrow, Marc van Reshape, Matt van Google en Kasper van Human Insight Services een escape room ervaring van ongeveer 20 minuten gebouwd. En iedereen die er weer uitkomt vindt het gaaf! Zonder al te veel te verklappen mogen we een tipje van de sluier oplichten: team Escape Pod heeft drie raadsels uitgewerkt en er een verhaal omheen bedacht. Verder hebben ze Photons, Philips hue lampen, een dik geluidssysteem, wat computers, camera’s, hout, karton en een gigantische hoeveelheid aluminiumfolie gebruikt. En dat hebben ze allemaal met Meteor aan elkaar geknoopt.

De escape room blijft nog eventjes staan. Dus kom langs om hem te testen, want het team gaat hem binnenkort afbreken of verplaatsen.

hooli

In je eentje sporten is saai. Waarom zou je trouwens überhaupt sporten als je ook Star Wars Battlefront kunt spelen? Ok, misschien als je kunt winnen… Maar het moet vooral niet te lastig zijn met een team enzo. Zo’n team dat verwacht dat je komt trainen en wedstrijden komt spelen. Gelukkig had Ineke een eureka-momentje toen ze onderuit gezakt met een zak chips boerend op de bank schuldig haar hoelahoep stof zag staan vangen. Je weet wel zo’n buis van de bouwmarkt geglittertapet door een kortpittig hobbyend huisvrouwtje, waar je dan toch nog 40 euro voor betaalt. Als die nou eens connected was! Het doel van Ineke, Katja, Corina, Jeroen, Tim, Bob, Lukas en Marten en Valérie van Oak en Morrow was dus om een slimme hoepel te bouwen met een app waarmee je je highscores kunt bijhouden, achievements kunt halen, calorieën kunt tellen, je resultaten kunt delen op social media en misschien wel het belangrijkste: je vrienden kunt verslaan. En dat is precies wat team hooli zaterdag kon demo’en. De smaak te pakken zou dit nog weleens een Kickstarter kunnen worden. Dus houd de Kickstarter bij jou in de buurt in de gaten voor een eigen hooli van ongeveer 42 euro.

BodyScan

image
image

Lidewij van Mesh Lingerie gebruikt dagelijks 3D-bodyscans om lingerie op maat te kunnen maken. De fabrikant waarmee zij werkt claimt dat hun 3d-scanner te gebruiken is vanuit de losse pols, maar haar ervaring vertelt anders. Kim en Lidewij hadden daarom tijdens w00tcamp het doel om een betere 3D-bodyscan uit te kunnen voeren. Deze scan wordt deels geprint met een 3D printer. Na veel berekeningen, koppen koffie, nog meer berekeningen, testen, een aantal bezoeken aan de Gamma en het nodige boorwerk hadden ze het voor elkaar: een guiding tool om een efficiënte scan mee uit te voeren. Je hoeft je adem dus niet meer in te houden! Tijdens de demo hebben ze hun opstelling laten zien. Dit prototype wordt nu uitgewerkt tot een echt ding: een opstelling die Mesh kan gebruiken tijdens het inscannen van haar klanten. 

Je echte naam

image
image

Leven met een naam die eigenlijk niet bij je past, is niet altijd een makkie. Helaas is dit wel vaak het geval. Je ouders hebben je bij je geboorte een naam gegeven, waarvan ze ook helemaal niet konden weten dat het niet bij je zou passen. ‘Je echte naam’ is een community die iedereen voorziet van de naam die echt bij ze past. Echt iedereen. Mensenmensen Gert Hans, Glenn, Xavier en Thomas. Offeh… Donny, Dave, Sjoerd en Jeff van Fabrique hebben daarom een web applicatie ontwikkeld, dat in een gemakkelijke userflow, gebruikers de mogelijkheid biedt om elkaar hun echte naam te geven. Zodat ooit, iedereen, zijn echte naam vindt en daarmee deel wordt van het genootschap der echte namen. Team Je echte naam gaat deze applicatie perfectioneren en verder ontwikkelen. Duh.

Dus: houd je adem nog even in, want binnenkort kun je je slimheid testen in de Escape Pod, weet jij wie het best kan hoepelen, hoef je veel minder lang je adem in te houden voor de bodyscan en weet je ein-de-lijk hoe je echt heet! Allemaal dankzij w00tcamp 2015.

image

BREAKING: Intergalactic Race Warriors up on Steam Greenlight

image

w00t! Richard and Benjamin, aka TurtleBlaze, just put Intergalactic Race Warriors live! That means: our first non-puzzle, non-mobile game is up on Greenlight. You should go watch the trailer. And then vote for it. So we can get to Early Access. And you know you want to, because that means you can beta test the game! Let your nerdgasms convince you to vote and share here: Intergalactic Race Warriors for president

image

Update December 11th: In the top 100 o/ Keep voting, sharing and caring to boost us to the #1 finish line!

Girl Code @ Nerds on Stage

image

Vorige week woensdag was het zover: Nerds on Stage in de Rotterdamse Schouwburg. “Meet the brightest minds in technology and creativity”, zo wordt dit tech event voor scholieren aangekondigd op de site. Toen Katja, Kristin en Ineke met Girl Code werden gevraagd om daar twee minicolleges te komen geven, konden ze dus nog moeilijk nee zeggen. Wat een eer!

Het enige feit aan programmeren is natuurlijk dat je iets bedenkt en dat nog écht kunt bouwen ook. De nadruk van ons college lag daarom op hoe vet programmeren is, dat iedereen dat kan doen en dat iedereen dat eigenlijk zou moeten doen. En met iedereen bedoelen we natuurlijk iedereen!

Het was ontzettend gaaf om te zien hoe enthousiast iedereen werd van een connected hoelahoep en een slimme hue lamp. We kregen jongens aan het hoepelen en enthousiast voor Girl Code. Leraren vroegen ons tips om ook de meisjes in de klas aan het programmeren te krijgen. En wat natuurlijk vooral een succes was, was het enthousiasme van de aanwezige meisjes zelf. Alle scholieren die Nerds on Stage bezocht hebben, worden tóch maar programmeur. Achievement unlocked.

image
image
image
image
image

w00tcamp de resultaten: office improvement

image

We zijn gezegend met die fijne Q’ers en vrienden van. Een aantal teams hebben hun w00tcamp namelijk geheel vrijwillig besteed aan heuse ‘office improvement’. Die Q’ers en vrienden van zaten in het team Little Big Pixel, SuperSlidePicas, Recruiter Honeypot en ChooChoo Motherfucker.

ChooChoo Motherfucker

image
image

Jaap, Joel, Taco, Sander, Cynthia en Tobias wilden een suspended, connected, videostreaming modeltrein maken voor Q020. Dus, een treintje op rails aan het plafond en daaronder een camera aan een pan/tilt armpje. Vanuit je browser kun je dan de trein laten rijden, de camera draaien en ons live bespieden op je eigen scherm. Met NFC tags onder de rails detecteert team ChooChoo Motherfucker waar de trein is, zodat ‘ie autonoom naar vooraf bepaalde plekken kan rijden. Stations zegmaar, net echt! Het venijn zit ’m in het leveren van stroom naar de Raspberry Pi en alle elektronische componenten die aan de trein hangen. Ze wilden gebruik maken van de stroom op de rails, maar om dat te doen moest er allerlei meuk worden omgevormd (bijvoorbeeld van AC naar DC). En dat is gelukt! Tijdens de laatste demo konden we allemaal een drie meter lange werkende opstelling aanschouwen. Inmiddels hangt deze boven de bar in Q020. Het plan is nu om de trein daar een tijdje te laten rijden om te kijken wat ze er nog tegenaan kunnen programmeren. To be continued.

Recruiter Honeypot

image
image

We worden nogal eens telefonisch lastig gevallen door met name recruiters, energiemaatschapijen en gladde verkopers in gele pakken. Mét gele stropdas. Deze lui zijn er op getraind om ons zolang mogelijk aan de telefoon te houden. Roelf-Jan, Bart, Rob, Stef en Fabrique’er Patrick dachten: dat moet en kan beter. De oplossing: een telefoonnummer waar wij ze naar kunnen doorverbinden. En dat telefoonnummer bevat dan een zelfgemaakt doolhof vol wachtmuziek, menu-tjes en ga zo maar even door (eigenlijk: als je nog durft te bellen kan dat ‘even zo doorgaan’ je best nog vrij lang kosten, ha!). Wij kunnen natuurlijk bijhouden hoe lang de ‘young and dynamic professional’ er daadwerkelijk geduldig in blijft dolen. Om dit te realiseren was het plan om een scenario builder (soort van CMS), een live tracker van degene die in het doolhof doolt en het telefoondoolhof te bouwen. En dat was ook precies wat er zaterdagmiddag gedemo’d is. Team Recruiter Honeypot gaat er zeker mee verder. Q’ers én Fabrique’ers konden namelijk bij de demo hun geluk niet op. Ze gaan dus gauw verder aan het verbeteren van de scenario builder, willen naast live tracken ook live luisteren toevoegen en ze gaan bedenken hoe ze om willen gaan met meerdere scenario’s. Is het al passietijd?

SuperSlidePicas

image
image

Het voelde al best Efteling wanneer onze glijbaan in Amsterdam je glijfilmpje tweette, maar dat kon natuurlijk nog Eftelinger. Mathijs, ThijsTom, Marc van Polteq, Berend van qrk en Karen van Essense bouwden daarom het winnende w00tcamp project: SuperSlidePicas. Het filmpje is er al, genoeg materiaal dus voor een echte geprinte foto voor op je koelkast thuis! Het doel was om een zuil met daarin een printer en een scherm te bouwen, zodat je na het glijden direct een foto kan printen van jezelf. En dat is overduidelijk winnend gelukt en gedemo’d. Hij is meteen maandag opgezet in Q020 en werkt. Team SuperSlidePicas is nu druk bezig met kleine updates en verbeteringen. Zoals: Wat als het papier op is? En het scherm mag wat sneller aan na het glijden. Poetsen dus, want hij is al behoorlijk slick.

Little Big Pixel

image
image

“Draw anything you can imagine on our pixelated canvas”: dat was de slogan en gelijk het doel toen Guus, Jaap en Ted aan Little Big Pixel begonnen. Een kick-ass, groot, pixelated, LED monitor om toffe pixel art en animaties op te tonen en spelletjes op te spelen. En dat is toch meer dan aardig gelukt. Tijdens de demo konden we allemaal genieten van een vette kast met color fill, execute script, instelbare stroboscoop, random kleuren, Conway’s Game of Life, rainbow animatie en iterate animatie (1 opgelichte pixel die over het grid beweegt). En of dat nog niet genoeg was, we kunnen ook zelf afbeeldingen uploaden en pixel art tekenen. Maar team Little Big Pixel zit niet stil. Elk vrij half uurtje besteden zij aan nog veel meer mooie animaties; games als Tetris, Pong en PacMan; het bouwen van een graphic equalizer die reageert op geluid in de buurt; de API openen voor het internet en een webcam op onze site en animated gifjes. Ondertussen verovert het team het internet. Zoals jullie weten afgelopen weekend al met hun DIY op Reddit en Imgur. En vandaag staan zij op de frontpage van Hackaday. w00t!

Dus: kijk binnenkort mee vanaf het spoor, bel ons vooral om ons nieuwe medewerkers aan te smeren, zorg dat je die glijbaanfoto naast je Vogelrockfoto op je koelkast hangt en kom vooral eens kijken naar extraspeciaal mooie pixels.

w00tcamp 2015 was een feestje

Afgelopen vrijdag en zaterdag was het weer tijd voor ons jaarlijkse w00tcamp. En het was weer een feestje. Er is niet per se een memo geweest, maar dit jaar stond w00tcamp in het teken van Internet of Things. Wat is er veel hardware gebruikt door alle teams! De resultaten liegen er dan ook niet om: elk team had een tastbare demo. Het kiezen van de winnaar was dus nog best een opgave. Maar de winnaars zijn bekend. Winnaars? Ja, winnaars! Dit jaar hadden we voor het eerst twee prijzen: de winnaar van w00tcamp en de winnaar van een eigen jumpstart. De winnaar van w00tcamp werd door iedereen gekozen, de winnaar van de jumpstart door een heuse vakjury bestaande uit: Martine de Ridder van Business Models Inc., Matt Feigal van Google en natuurlijk Kars Veling van Lesso... Ehhh Q42!

En de winnaar van w00tcamp 2015 is…

image
image

…team SuperSlidePicas! Nu tweet de glijbaan in Q020 niet alleen meer een filmpje van je glijbeurt. Maar kun je ook naar huis met bewijs in de vorm van een foto. Net de Efteling daar aan ’t IJ. Dank jullie wel, Thijs, Mathijs, Tom, Marc, Berend en Karen en gefeliciteerd met de winst!

En de Jumpstartwinnaar is…

image
image
image

…team ABle! En dat verwondert eigenlijk niemand, want wat is dat een mooi project. Echt zo eentje waar je een kras mee op de wereld gaat zetten. Johan, Niels, Vasilis, Thomas, Mark, Guido en Michiel hebben w00tcamp gebruikt om een tool te bouwen voor het gemakkelijk vinden en reserveren van aangepast vervoer voor mindervaliden. Gefeliciteerd ABle, op naar de jumpstart! We houden jullie in de gaten. 

En nu?

Ontstaat er geen leegte. Op het w00tcamp-blog kun je namelijk alles nog even nalezen van de andere teams en we beloven dat we jullie hier op de hoogte gaan houden hoe de teams nu verder gaan na w00tcamp. Hier alvast een voorproefje:

Little Big Pixel is taking over the interwebs!

image
image

Team Little Big Pixel had nog wat energie over zaterdagavond en schreven daarom gelijk een DIY. En niet zomaar eentje. Het staat op de frontpage van het internet: Reddit, met nu al meer dan 4400 upvotes. En het heeft bijna 500K views op Imgur! Gaaf, Jaap, Guus en Ted. Op naar een LED-muur :-)

Oh en wist je trouwens dat Jaap al bijna een miljoen keer bekeken is. Go Jaap!

ProDemos’ BinnenhofCheck: why to go with Meteor when your app has to run partially offline

ProDemos’ BinnenhofCheck app is a connected multiplayer quest for high school students around The Hague’s Binnenhof (the oldest House of Parliament in the world, still in use). While that doesn’t sound particularly extraordinary (ahem), the challenge this project encountered is. We built an interactive game with a crucial sidenote: players have no internet access for a considerable amount of time during the session. Meteor proved to be the perfect answer for a case like this.

No internet?

Yup, no internet. Because, ProDemos’ WiFi reaches to the door of the Binnenhof, but no further. And, because of security regulations that restrict WiFi at the Binnenhof itself, extending the signal wasn’t an option. “What about 4G?”, I hear you thinking. Sure, there’s 4G coverage at the Binnenhof, but giving 30 tablets 4G subscriptions will cost you. Besides, why spend so much when internet connectivity isn’t really a necessity anyway, because the solution can be so simple?

Meteor’s ‘elevator pitch’

Meteor convinced us rather conclusively, during what you can call a literal elevator pitch. Before this app, we built another Meteor app for ProDemos. During that project, the question of whether the app would still function when connection was temporarily lost came up. Remco was kind of sure it would, and tested it by stepping into the elevator. Because of course: the world of elevators is an offline one. And it did! Without internet connectivity he could still use all the app’s functions. In fact, stepping out of the elevator, the app synced automatically with the server again. That is what makes Meteor so powerful in a case like the BinnenhofCheck. Packages like MiniMongo and autopublish make it so that an app fully runs on the client, even when it’s offline. And then it automatically syncs with the server again when connectivity is back – without you having to set it up to do so yourself. That’s valuable time saved  to spend on user experience instead of trying to fix the problem of the lack of internet.

Latency compensation

Writing your code for the client is clean and simple in Meteor. And because every Meteor client has an in-memory database cache, there is no need to manually cache data to dodge slowness in talking to the server, program detailed invalidation messages to every client when data changes or implement individual RPC endpoints.

The server publishes defined sets of data through publications, and the client subscribes to these sets through subscriptions. When the content of these sets change, the server updates them in the client’s cache too. The client code is extremely simplified, by using its cache as a fast local database. Therefore, for reading the subscribed sets of data, no connectivity to the server is needed. This saves time, and makes the app faster. You can easily make your client even snappier by turning subscriptions on and off to control the amount of data kept in cache and manage the network traffic. Turning one off means it will automatically delete all its data from your cache.

So the server automatically updates subscribed data on the client when data on the server changes. The client, as a MiniMongo, does something similar. When data is changed on the client, for example through an action of the user, it automatically sends a message to the server with a request to change it on the server too. The server checks its allow/deny rules, and when all those rules pass, it changes the data and updates the change to other clients with the same subscriptions too. No need for you to code this yourself.

In short, these methods realize latency compensation, which means you can still use the app locally in full function when connectivity is lost and it automatically updates the server when connectivity is back.

You can read about these techniques in more detail here.

Publications and subscriptions in the BinnenhofCheck

For the BinnenhofCheck app, built by Silvy, Jeroen and Remco, this means MongoDB is the database on the server at ProDemos. And the tablets (the clients) function as MiniMongo. At the start of the quest the supervisor creates a group and session in the dashboard of his or her tablet. This group then receives a code, and with this code the students can add themselves to it on their own tablets. Now the quest can begin. During the quest the tablets are offline, but still run the app in full function. Back at ProDemos, connectivity is back and automatically publishes all the changed data by the students to the server to see who has won the quest. After this, the supervisor presses ‘stop’ to end the session: this automatically archives the subscriptions and deletes the data from the caches of the tablets. Clean and ready to start with another group immediately.

Asset manager package

However, data like text is fine, but you don’t want to upload all the images and videos to the clients every single session. That would be a serious waste of time. So we weren’t there yet. We ended up fixing this by creating two different collections on the server. One for all the text, questions and locations (these types of data are small enough in size to quickly upload and delete every session through the publications and subscriptions) and the other one for the images and videos. For this collection we built an asset manager package. Through scheduled tasks, this collection synchronizes with the clients. You can find this asset manager package here.

We really enjoyed building this app in Meteor for ProDemos and are very proud of the result. If it’s up to us, this case proves building an app in Meteor is the simple solution when you’re facing a similar problem with connectivity in your projects.

PS We think a nice future addition would be to add GroundDB.

Jasper reads… Creativity, Inc.

Bookworm Jasper reads because it’s fun. And also because it’s something you can do at your own pace (his pace is fast though, reading every single night). You can let it sink in, understand and learn something new at your own speed. That’s something which can be more difficult with fast podcasts or videos like Ted Talks. Reading is not rare among Q’ers, being stereotypical nerds and all. But Jasper consistently puts inspirational stuff from books into action in his projects. So, that’s why we asked him what he’s read last and what he thinks we can use during our projects. This time it was Catmull’s Creativity, Inc.: Overcoming the Unseen Forces That Stand in the Way of True Inspiration. You know, the Pixar book.

image

Creativity, Inc.

Pixar is the epitome of creativity. Few would disagree. So when lessons are to be learned about the subject, it’s no surprise you want to do that from someone like its co-founder Ed Catmull. And luckily for you, he wrote a book about it. The book uncovers theories and techniques he has used to build up and preserve Pixar’s creative culture. It also shows how he believes these ideas bring out the best in him and all of Pixar’s employees. A revealing look into story meetings, postmortems and ‘Braintrust’ sessions makes this book a valuable manual for managers and everyone who aspires originality and creativity.

Jasper is always on the lookout for techniques to improve the work and collaboration of his team during projects. He looks for practical tools, but he also looks for tools on the human level: the soft skills. How do you approach each other? Bring your team together? Treat problems? Keep everybody interested and curious for ways to innovate? This is an important theme of ‘Creativity, Inc.’, so it would be no shock he took out some points he will be using at Q.

1. You’re never finished improving

Ok, your last project was an absolute hit. That doesn’t mean you can sit back and relax now. To be and stay successful, you should keep improving. That’s hard. Why should you criticize something that was a success? Why shouldn’t you do it exactly the same next time? To keep improving you have to reinvent the wheel sometimes. Don’t be too proud to question your previous work.  

2. Be truly honest to each other

We should all fight for our project together. That’s why everyone should be able to be truly honest to literally everyone. No matter what your role, reputation and relation to that person is. Be it a customer to a developer and the other way around. Or a programmer to the project manager. In this way you’ll get the most valuable feedback on what you’ve built or designed. Feedback you can really use to get better. An example of when more honesty can be very helpful is during demos to the customer. There’s no bad intent, but when you’re proud of what you’re making, you want to show the customer exactly that. Makes sense. But that also means you can unintentionally hide some issues, to fix later. Be proud, but try to hide nothing. You will lag behind because of it.  

3. A daily ‘daily’ vs. Scrum’s standup

When Pixar is in the process of making a movie, the team meets daily. But not like your normal Scrum standup. This ‘daily’ takes an hour and it’s all about looking at everything what was made the day before with a critical eye. What’s good, what’s not, what’s their next step and what are they going to adjust? So when the team meets they really dive into the material. This is exactly the opposite of daily standups, where you let your team know what you are working on now, but avoid saying anything in-depth. This inspired Jasper to turn it around. Daily standups can be done via Slack, asynchronously, to keep the team in the loop about process. During the moments the team meets in person, it’s all about diving into the material and giving and receiving valuable feedback.

4. Get it, one level deeper than you need

Sure, you can code without knowing how to build a computer. But we’re sure you agree when we say your code will get better when you know how a computer works. And if you want to code HTML and CSS only, you should be able to code some JavaScript too, to fully understand what you’re doing. In short: if you know a little more than you need, your work will be of higher quality. For this reason, Pixar started Pixar University. The first course they offered was a drawing class, not only for its art directors but especially for its programmers and marketers. During a drawing class you learn to look at the world in a specific way, a way that will help to make your work for Pixar better. Therefore, Jasper’s dream is a Q University, with courses on typography, interaction design, code and writing. It will enrich us and our work in a way you can’t imagine until it’s there.

Oh, and also…

…post-mortems. A technique to review your project when it’s finished in order to decide: what are five things you would do exactly the same next time and what are five things you absolutely won’t. It’s a great way to discover a useful plan of action for next time.

…research trips. Pixar for example took the Ratatouille team to Paris for two weeks. Dining at Michelin-starred restaurants, tasting haute cuisine, looking in their kitchens, interviewing cooks and taking pictures. They immersed themselves in this world and this provided them with details they could use in their movie that they wouldn’t be able to without this literal look inside the kitchen.

So these are the lessons Jasper takes from Creativity Inc. and is now incorporating in his current project. We’re curious what he’ll be reading next!

Curious about the book? You can order it here.