Archive | April 2015

Malmberg einde van een tijdperk

Na vijf jaar nauwe en fijne samenwerking, doet het toch een beetje pijn en het missen is allang begonnen: Malmberg’s BAPS is volwassen en klaar om zelf verder te gaan. Empty nest syndrome here we come! Maar trots dat we zijn. Op de mooie dingen die we hebben gebouwd met Malmberg en IJsfontein en op het succes in het basisonderwijs. Weet jij nog wat een krijtbord is?

Digibord

Ok, misschien weet jij het nog wel. Maar voor de kinderen van nu is het krijtbord toch wel net zo abstract als deze:

Of deze:

Dat komt door de snelle opname van het digibord in het basisonderwijs. Het systeem dat we bouwden met Malmberg en IJsfontein draait nu op 85% van alle Nederlandse basisscholen. Het digibord is het systeem waarmee leerkrachten live in de klas hun les geven. Alle digitale methodes van Malmberg (denk bijvoorbeeld aan rekenen, begrijpend lezen en spelling) worden hierop ondersteund. Niet alleen voor lessen in de klas, maar ook voor het individueel oefenen.

En nog veel meer

Tijdens vijf jaar samenwerken hebben we natuurlijk meer gebouwd dan alleen de digibord-software. Zo ook de frontend API’s naar leerlingen toe, de resultatenmonitor, het licentiebeheersysteem en het CMS. Voor het CMS hebben we een generieke editor gebouwd. In deze editor hebben we samen honderden editors gemaakt, waarin redacteuren oefeningen kunnen maken. Zo heeft elke oefenvorm en elke methode zijn eigen passende omgeving en editor.

Het gehele platform maakt het mogelijk dat Malmberg geleidelijk alle papieren methodes gemakkelijk om kan zetten naar digitaal. IJsfontein ontwierp en bouwde de apps en alles wat je ziet. Wij het platform, het leerkrachtensysteem (BAPS) en het systeem voor de makers van de lesmethodes. Het systeem telt nu bijna 1 miljoen gebruikers en doordat het schaalbaar is opgezet kan het nog meer gebruikers aan.

Techniek

Voor dit project waren wij het eerste team binnen Q die de Github workflow met pull requests hebben toegepast. En nu willen we niet meer zonder. Voor back-end gebruikten we voor de API’s Play 2.0 in combinatie met Scala en als database MongoDB. Voor front-end gebruikten we voor het CMS en de resultatenmonitor AngularJS. Hosting gebeurt op AWS.

Afscheidsfeestje

Malmberg is klaar voor verdere ontwikkeling in Den Bosch en voor een intern team die dit doet. De afgelopen tijd hebben we dus dit nieuwe team in ons team opgenomen en nu zijn zij zo ver om zelfstandig goed verder te kunnen. Tijd dus voor een afscheidsfeestje. Maar niet voordat we nog even duidelijk gezegd hebben hoe fijn wij de samenwerking al die vijf jaren vonden. Het wordt geen klein feestje, want er heeft een hele lijst mensen aan gewerkt in verschillende teamsamenstellingen. Maar wat altijd gelijk bleef was de transparante relatie met Malmberg. Malmberg is voor ons hét voorbeeld van een fijne klant om mee samen te werken. We zijn blij dat we mee mochten werken aan één van de gavere projecten die wij ooit deden. Het was een grote technische uitdaging om dit immense platform schaalbaar en flexibel te houden voor de langere termijn. Maar het is gelukt. En hoe! Dankjewel Malmberg en tot het feestje! We kunnen niet wachten.  

Onze 1002e Homey op Facebook

Slecht verhaal, met een episch einde. Zo zou je onze 1000e like actie op Facebook wel kunnen omschrijven. We liepen blauw aan in afwachting van onze enige echte 1000e liker. Maar toen besloot Facebook die niet te laten zien. Ok, ok, dan de 1001e. Ook niet. Je snapt het, de spanning was hier om te snijden.

Het werd de…

…1002e liker. En dat was Emile. Alhoewel… We zagen z’n unlike-like wel. Maar we houden wel van een beetje slim hacken. Hij was na 999 de eerst zichtbare liker en dus onze chosen one voor een rondleiding, Mario Kart, glijbaan, een geheimpje en natuurlijk een kleinigheidje.

Internet of Things

De dag van de langverwachte rondleiding waren we nieuwsgierig wie Emile zou zijn. Een neefje van het vriendje van de tante van Taco? Het broertje van de klimbuddy van Remco? De vader van Jeroen? Of de man van de zus van onze vaste PostNL bezorger? Nee, deze blogpost over een doodgewone Facebook rondleiding, werd opeens een Internet of Things blogpost. Onze 1002e liker bleek namelijk de maker van Homey. De rondleiding veranderde dus al snel in een demo van het slimme (nog te produceren) Kickstarter butlertje. Hoe bedoel je scoop? “Ja, ja. Glijbaan hier. Mario Kart daar. Heb je het geheim al gevonden? Wil je een cadeautje? De Hitchhiker’s Guide nooit uitgelezen? Nou ja! Ok, mogen we nu Homey zien?!”

Homey

Homey laat je huis doen wat je nodig hebt en was tijdens deze demo een Britse butler. Althans, zo klonk hij. En wie wil dat nou niet als je tegen je huis zit te praten? Homey is ook mooi. Je hoeft hem niet in je meterkast te verstoppen, want midden op je salontafel steelt hij de show. “Homey, what’s the weather tomorrow?”, “Tomorrow it’s seven degrees, sunny”. Hey maar, “Homey, turn the lights to green” en onze Philips hue lampen gingen op groen. Misschien nog wel nuttiger: “Homey, tell me a Chuck Norris joke…”.

Mede-nerd Emile is vooral heel blij met z’n flow editor waarin je alles met elkaar kunt connecten. Het gaat verder dan IFTTT, want je kunt met triggers, condities en acties zoveel stappen als je wilt aan elkaar knopen. Er is alleen (nóg) geen else. Homey gebruikt trouwens dezelfde API als ‘OK, Google’ en die wordt beter hoe meer het gebruikt wordt…

En zo werd een verrassing voor de 1002e liker ook een verrassing voor Q, want wij hebben hem natuurlijk gelijk besteld. De developers edition. De jouwe kun je hier bestellen.

VPRO: De IJzeren Eeuw

image

Popcorn gepopt? Onesie aan? Mooi, want net als jij zitten wij klaar voor de allereerste televisie aflevering van de geschiedenisserie De IJzeren Eeuw van de VPRO. 21.05 uur op NPO2. Goed moment om het even te hebben over het ijzersterke (pun intended) online magazine wat we voor deze serie bouwden.

Online magazine

Na afloop van deze televisieserie is iedereen expert in De IJzeren Eeuw, want daarnaast kun je ook ons online magazine lezen, naar de tentoonstelling in het Amsterdam Museum, het boek lezen en vanaf september de jeugdserie bekijken. Al deze aandacht heeft als doel om de industriële revolutie te belichten. Gedurende de serie brengt dit magazine zes edities met eigen thema’s uit om verschillende aspecten van de eeuw uit te lichten. Dus kom vooral ook terug!

image

Stereo afbeeldingen

We hadden het genoegen om samen met Lyangelo aan het magazine te werken, of beter: de vijfde turtle zoals we hem liefkozend noemen. Energieke gast met een passie voor alles geschiedenis en een vat vol goede ideeën. Hij wist precies hoe hij De IJzeren Eeuw online wilde vertellen. Een onderdeel van het vertellen zou ‘3D stereofoto’s’ moeten worden en dat is heel vet gelukt. Door middel van CSS faden we twee verschillende foto’s over elkaar in en uit. Dat zorgt voor een vet 3D effect en brengt de 19e eeuw tot leven. Kijk maar.

image

Techniek

De uitdaging was om het ontwerp wat goed werkt voor een papieren tijdschrift te vertalen naar een online volledig responsive magazine. De uitvoering is daarom een statische en dus snelle site geworden, maar compleet flexibel in gebruik voor de redactie door een custom gebouwde CMS editor. De hele backend is gebouwd in Ruby on Rails. De custom CMS editor zorgt ervoor dat de redactie elk component kan plaatsen waar ze dat maar willen: video, foto’s, 3D stereofoto’s, galleries, tekst, audio en ga zo maar door. Door elkaar, onder elkaar, boven elkaar of in elkaar. Wat ze voor ogen hebben, kunnen ze realiseren. Wel zo handig, want wat het magazine zo sterk maakt is de gave content en de mooie verhalen over De IJzeren Eeuw. Die wil je dus kunnen presenteren precies zoals je dat zelf het liefste ziet. En dat is gelukt.

Custom CMS editor

JasperH bouwde de custom CMS editor met een Rails admin toevoeging. Het is een plug-in die JSON uitblaft. Geïnteresseerd? Hou ons dan goed in de gaten, want binnenkort releasen we het, zodat jij het ook kunt gebruiken! Lief of lief?

Je hebt nog even tot de aflevering vanavond, genoeg tijd om door de eerste editie van het online magazine te bladeren!

Welkom bij Familie Pluym: Malmberg oefenapp

image

Rekenen en taal, dagelijkse kost wanneer je in groep 4, 5 of 6 zit. Wat extra oefening is dus nooit weg, maar dan moet het niet als huiswerk voelen. Want huiswerk, dat is misschien nog wel saaier dan de verhalen van je oom over die goede oude tijd toen telramen nog hip en happening waren. Gelukkig is oefenen met Familie Pluym allesbehalve saai.

image

Familie Pluym…

…is ontwikkeld door Malmberg. Met de directe feedback in de app en de extra uitleg kun je alle oefeningen zelf maken. Je oefent trouwens niet zomaar wat, maar het rekenen en taal wat je net gehad hebt in de klas. Het enige wat je nodig hebt is een Windows of Mac computer of een iOS of Android tablet. In huis? Dan ben jij er helemaal klaar voor!

Soap

Het kan lichtelijk verslavend werken, Familie Pluym neemt je namelijk elke maand mee in een nieuw avontuur. Aan jou om de uitdaging op te lossen. Vader Ben is een uitvinder, moeder Mirjam een avontuurlijke piloot, Daan een game- en computerexpert en Lisa houdt erg van dieren. Dit gezin inclusief bakkende tante, opa en nog een mega-intelligente hamster, laat je niet zomaar in de steek. Helemaal niet na de spannende aflevering waarmee elke maand begint.

image

Gamification

Door middel van de oefeningen los jij de uitdaging op en help je Familie Pluym weer een stukje verder. De omgeving kent 36 ruimtes en elke maand is er een nieuw verhaal. Groep 4, 5 en 6 krijgen hun eigen verhalen die aansluiten op de behandelde stof in de klas. De scenes spelen zich af in en om het huis van Familie Pluym. Levels en het filmpje van de aankomende maand stimuleren je om benieuwd te blijven naar wat nog komen gaat. De meerkeuze en open vragen, levels, story arc, de geluiden en alle beweging zorgen ervoor dat het meer als een game voelt dan school.

DecorJS

Familie Pluym is nou zo’n website die allesbehalve plat is en daarom kwam Marcel’s DecorJS goed van pas. Het bestaat uit omgevingen en oefeningen die allemaal opgebouwd zijn met interactieve lagen, plaatjes, diepte en audio. DecorJS in een engine met een declaratieve opbouw van scenes. Het beschrijft zegmaar een kijkdoos. DecorJS berekent dus voor jou hoe dingen verplaatsen en hoe die dan zouden moeten vergroten en verkleinen. Je hoeft het allemaal niet zelf meer specifiek te programmeren. Een browser doet dat met 3D transformaties en DecorJS maakt dat een stuk makkelijker doordat het een JSON-object rendert naar 3D HTML-output. Én DecorJS is open natuurlijk, dus jij kunt het ook downloaden.

Al zin om je rekenen en taal op te krikken? Dan kun je nu op malmbergvoorthuis.nl beginnen. Veel plezier!