Archive | Q42 RSS for this section

Philips hue Bridge Transfer

Philips hue bridge 2.0 is uit en gekoppeld aan Apple HomeKit. Je kunt nu je lampen aansturen met niemand minder dan de lieftallige Siri. Ga jij upgraden? Dan zal je blij zijn met het werk van Arian, Arjen, Kristin en TimD. Zij hebben je leven makkelijker gemaakt met de Bridge Transfer.

De Bridge Transfer zorgt ervoor dat je niet handmatig al je IFTTT’s weer hoeft in te stellen, je lampen hoeft te koppelen, je afstandsbedieningen, je scènes, je portal account en je schedules. Dat doet de Bridge Transfer in de hue app voor je. Het herkent zelf de nieuwe bridge en vraagt of je wilt wisselen.

De transfer ondervangt ook een hoop randgevallen. “A lot of magic happens”, aldus Kristin. Bijvoorbeeld als je al met je nieuwe bridge gespeeld hebt en het dus niet meer op de fabrieksinstellingen staat, of als je nieuwe bridge toevallig op een ander wifinetwerk zit dan de oude.

Arjen vond dit het allerleukste project waar hij aan gewerkt heeft voor Philips hue: “Het klinkt misschien als eenvoudig, maar alle randgevallen waren uitdagend en zo ook het spectrum aan verschillende devices die we moeten ondersteunen.” Onder water dus zeer complex, maar eenvoudig voor elke gebruiker.

Je kunt de nieuwe bridge hier bestellen: http://www2.meethue.com/en-gb/productdetail/philips-hue-bridge
En als je de oude al hebt en nog even kunt wachten, kom je in aanmerking voor korting: http://www2.meethue.com/en-gb/bridge-promotion/reminder

Zeven bouwers over zeven bouwsels

image

Twee keer genomineerd voor een Lovie en vijf keer op de shortlist terecht gekomen. Dat is nogal wat. Zeven projecten waarmee we, in ieder geval volgens de Lovie jury, tot de top 15% van het Europese web behoren. Wat vinden de bouwers nou zélf het vetst aan de geprezen cases?

Martin over 0h n0

image

“0h y3s!”, riep Martin toen hij hoorde dat 0h n0 genomineerd is voor een People’s Voice Lovie én een Lovie van de jury in de categorie Games. Wat hij vooral vet vindt, is dat het door bizar veel mensen gespeeld wordt en het contact wat hij met deze spelers heeft via reviews en sociale media. “Het is heel gaaf om zoveel mensen op deze manier te bereiken!”

(Trouwens, aan de People’s Choice Lovie kun jij ons helpen! Dat doe je door hier te stemmen op 0h n0.)

Guido over DesignMuseum.org

image

De website voor het Design Museum, gebouwd met Fabrique, is ook genomineerd voor een People’s Voice Lovie én een Lovie van de jury. In de categorie Best Home/Welcome Page. Guido kan zich daar wel in vinden, want wat hij het allervetst vindt: “Hoe simpel de site lijkt, maar hoe kunstig het stiekem onder de motorkap is. Alle kleine dingetjes bij elkaar zorgen ervoor dat de site zo goed werkt.” Een vet voorbeeld is het menu-hamburgertje, dat met een CSS-animatie een sluit-kruisje wordt.

(Pssst, ook aan deze People’s Choice Lovie kun jij ons helpen. Je stem voor Design Museum mag hier.)

Mathijs over de KLM Apple Watch App

image

De jury plaatste de KLM Watch App op de shortlist in de categorie ‘Best User Experience’. Wat Mathijs het supervetst vindt sluit daar mooi bij aan: “Het interaction design van deze app haalt alle stress bij je weg, door niet alle informatie van je vlucht te tonen, maar alleen wat je nodig hebt en precies wanneer je het nodig hebt. Wat je ziet op je Watch, verandert met je fase mee. En dat kan omdat we niet de KLM app simpelweg verkleind hebben voor de Apple Watch, maar een échte Watch app hebben gebouwd.”

Roelf-Jan over DenHaag.com

image

Ook DenHaag.com, ook gebouwd met Fabrique, haalde een plekje op de felbegeerde shortlist. In de categorie ‘Travel/Tourism’. Wat Roelf-Jan zelf het vetst vindt: “Hoe extreem veel data er ontsloten is en hoe je daar als gebruiker gedachteloos doorheen geleid wordt. Het borrelt vanzelf wel boven wat je wilt gaan doen, in plaats van dat je daar specifiek naar op zoek moet.”

Bram over LessonUp!

image

“Eindelijk een tool bedacht met de leraar in het achterhoofd”, zo omschrijft Bram LessonUp!, dat een plek op de shortlist in de categorie ‘Schools & Education’ heeft gescoord. “Het geeft leraren superpowers! Dat is toch vet?!” Allemaal door het interaction design met de échte klassituatie als leidraad. “Nooit meer stuntelen voor de klas. Je hoeft je les namelijk niet meer te onderbreken om uit de presentatie te gaan om een video af te spelen of een quiz te doen. Alles zit in de player zelf.”

JasperH over PAPER

image

PAPER verdiende volgens de jury een plekje op de shortlist in de categorie ‘Lifestyle: Tablet’. JasperH vindt het vooral supervet dat hij PAPER isomorphisch heeft mogen bouwen. Alles wordt daarom isomorphisch serverside ingeladen. “Op de url staat dus écht de content, de browser hoeft zelf niet te renderen.”

TimS over VanGoghMuseum.nl

image

Last but not least is de site die we bouwden met Fabrique voor het Van Gogh Museum in de categorie ‘Art’. Wat voor TimS het allerallervetst is, is dat dit het project is waarvoor het enige echte QMS geboren is. “Tijdens Van Gogh heb ik het gebouwd en nu wordt het in heel veel andere projecten gebruikt, zoals de site van het Design Museum. Ik bouwde versie 0.5 (ook weer op basis van bestaand werk voor bijvoorbeeld Rijksmuseum en DenHaag.com), het Design Museum team bouwde versie 0.6 en Laurens heeft de 1.0 versie voor Staatsloterij gemaakt.”

Dat was ‘m. Zeven bouwsels. Zeven geprezen bouwsels. En wij zijn zo trots als een aap met zeven…

hue-Nest 2.0

OH: “Jeeeeej, hue-Nest 2.0 staat live!” TimD, Wouter, Leonard, Frank en Lukas hebben zich de laatste tijd druk gemaakt met het koppelen van de nieuwe Nest Cam en Philips hue. En dat kun jij vanaf nu gebruiken.

Philips hue en Nest hebben samen de missie om je huis veiliger en energiezuiniger te maken. Hiervoor maakten we al eerder een koppeling waarmee bijvoorbeeld de Nest Protect je lampen rood laat knipperen wanneer er brand is. Nu met de Nest Cam erbij hebben we ook de ‘burglar case’ kunnen bouwen: wanneer Nest Cam ’s avonds activiteit detecteert wanneer er niemand hoort te zijn, laat het bijvoorbeeld je Philips hue lampen in je slaapkamer aanzetten. Zo lijkt het net of er iemand thuis is die de inbreker heeft gehoord. Maakt je huis weer een beetje veiliger.

Ook is de ‘no presence case’ nu mogelijk. Hiermee kun je instellen dat Nest Cam je lichten in de woonkamer uitzet, wanneer er bijvoorbeeld tien minuten niemand in de woonkamer is geweest. Maakt je huis weer een beetje energiezuiniger.

Via https://nest.meethue.com/ kun je er gelijk mee aan de slag! Gewoon. Thuis.

Kortste diepte-interview met Christiaan

Christiaan! Hoe voelt dat nou? Google Expert zijn?

“Eerlijk gezegd… Als ein-de-lijk. Anderhalf jaar geleden speelde ik al met de gedachte me aan te melden. Een half jaar geleden heb ik dat ook echt gedaan. Ik voel me nu dus vooral heel trots, dat het gewoon gelukt is!”

En terecht! Wij zijn allemaal trots!

Google Expert?!!?11!? Wat het is, lees je hier:https://developers.google.com/experts/about

Update van Lakenhal.nl

image

Arjen, Arian en Silvy hebben samen met onze vrienden van Fabrique de afgelopen tijd gewerkt aan een flinke update van de website van Museum De Lakenhal. Hierin hebben zij het doorzoeken van de site, het downloaden van afbeeldingen en het beleven van de collectie flink aangepakt. En dat staat nú live.

Voorheen was de zoekmachine specifiek voor het vinden van kunstobjecten. Nu kun je àlle site-content ermee vinden, bijvoorbeeld ook de vele verhalen die het museum online biedt.

De afbeeldingen van kunstobjecten konden op zich al gedownload worden. Tenminste, als je wist dat je dat met de rechtermuisknop en “Save Image As…” kon doen. Dat wist echter niet iedereen. En omdat Museum de Lakenhal vindt dat kunst van ons allemaal is, staat er nu een prominente download-knop bij de kunstobjecten die onder het publieke domein vallen.

Last but not least heeft het team ons nieuwe, niet zo geheime ingrediënt micrio (http://micr.io/) geïmplementeerd. Micrio biedt in dit geval twee grote voordelen. Ten eerste besparen we nu bandbreedte. In de vorige versie kreeg je direct de HD-plaat van veul MB voor je kiezen, ook op je mobiel. Met micrio downloadt je alleen de bytes die je ziet. Waardoor je de kunst dus ook snéller ziet.

Ten tweede kun je nu echt dichtbij komen. (Scroll of pinch hier maar eens: http://www.lakenhal.nl/nl/collectie/s-1351) Misschien nog wel dichterbij dan in het museum zelf.

Watson: eindelijk écht naar de bioscoop als blinde of slechtziende

We houden ervan om het internet toegankelijk te maken voor iedereen. Soundfocus houdt ervan om films toegankelijk te maken voor iedereen. Reden genoeg om de handen ineen te slaan, met als resultaat: Watson, een app waarmee blinden en slechtzienden volop kunnen genieten van alle Nederlandse films. Zowel in de bioscoop als op televisie.

Slecht- of helemaal niet zien in de bioscoop

Dat is heel vervelend, want tot nu is de bioscoop weinig toegankelijk voor dit publiek. Probeer de Titanic maar eens te volgen met je ogen dicht. Natuurlijk zeggen de stemmen wel wat, maar die achtergrondgeluiden kunnen net zo goed van een vliegtuig zijn in plaats van een indrukwekkend schip. Dat wil je natuurlijk niet pas doorhebben als dat schip tegen een ijsberg vaart. Dat voelt toch een beetje als te laat. (“Huh? Vliegen ze zo laag dan? Oh, wacht…”)

De gewone voorstellingen zijn moeilijk te volgen voor veel blinden en slechtzienden. Gezellig naar de bioscoop gaan is daarom voor hen allesbehalve gewoon. Dat is niet omdat zij het niet zouden willen, want zij willen niets liever dan gewoon mee kunnen doen in de samenleving.

De oplossing is audiodescriptie

Soundfocus maakt audiodescripties bij allerlei video’s, ook films. Audiowat? Audiodescriptie. Dat is de audio die je hoort om het beeld te beschrijven en dus de manier om de film ook visueel uitgedaagd goed te kunnen volgen. Maar om deze audiodescripties voor nieuwe films mogelijk te maken, zijn samenwerkingen met filmmakers nodig. De situatie tot nu is dat heel af en toe een film van audiodescriptie kan worden voorzien en heel af en toe er dan een bioscoop is die zo’n film ook nog draait. Zo’n bioscoop is echter niet altijd in de buurt. Kortom: niet elke film is te ervaren door dit publiek. Als de film dan gedraaid wordt is de afstand vaak nog een belemmering én het is een speciale voorstelling, dus tegelijk met je scherpziende vrienden gaan, is er vaak ook niet bij.

Wanneer audiodescriptie toegankelijk zou zijn tijdens de reguliere voorstelling in de bioscoop kunnen ook blinden en slechtzienden weer gezellig mee naar de film. In Nederland is het belang hiervan te lang onderschat geweest (in Engeland bijvoorbeeld is audiodescriptie al veel meer mainstream). We hopen daar met Watson verandering in te brengen en dat meer filmmakers (ook internationale) de samenwerking aan zullen gaan.

Onder de motorkap

Watson gebruikt audioherkenning om de audiodescriptie van de film gesynchroniseerd af te spelen. Dat wil zeggen dat de app luistert naar de audio van de reguliere voorstelling en aan de hand van die audio bepaalt waar in de film je bent. Vanaf dat punt speelt de app via je koptelefoon de audiodescriptie bij de betreffende film af. Dit betekent dus dat je gewoon met je goedziende vrienden naar de reguliere voorstelling kunt en met de app de film goed kunt volgen. In welke bioscoop dan ook, ook wanneer de film op televisie speelt, en bovendien zonder dat je haviksoogvrienden daar last van hebben.

We hebben Watson gekoppeld aan een closed source fingerprinting library van pHash. Daardoor herkent de app het ook wanneer je tien minuten te laat de film binnenwandelt en begint die gewoon met de audiodescriptie op het juiste punt in de film. In de eerste versie deden we dat server-side, maar dat performde niet optimaal en in de bioscoop heb je niet altijd internet. Om deze problemen te voorkomen werkt het nu gewoon in de app zelf, dus ook als je offline bent.

Voilà

We hebben zelf meegetest in de bioscoop en ervoeren dat wanneer je een film met audiodescriptie “kijkt” je zelf vrij bent om het beeld in te vullen. Vonden we stiekem als visueel onuitgedaagden best vet! Dus als jij wel eens een film niet wil zien, omdat je bij het boek je eigen invulling hebt gegeven, ‘bekijk’ dan eens een film met Watson. Lekker met je ogen dicht.

Je kunt de app vanaf nú nú nú downloaden voor iOS en Android.

Kortste diepte-interview met Silvy

image

Silvy! Ben-je-aan-’t-doennn???

“Discussiëren over de definition of done voor onze Happy Tools. Ja, met nadruk op happy! Toen ik bij Q kwam vond ik namelijk dat de lat van onze interne tooling wel wat hoger mocht. Stond natuurlijk allang op het Q-todolijstje, dus daar mocht ik gelijk mee aan de slag. Nu knallen en onszelf een beetje verwennen!”

Komt uit Rotterdam zeker? Met die daden? In plaats van woorden? Zeg maar? Go Silvy en de rest!

Contranoid is live!

Get ready! Attori in scena! Soyez pret! Prepárate! Mach dich bereit! Parat! Klaar? На старт! Внимание! Cancel all your plans for the day, because we just launched our newest game: Contranoid. Contranoid features Player versus Player combat on a single mobile or tablet as well as Single Player stages. Have a go at:http://contranoid.com/ Or download for iOS, Android or Windows Phone. Enjoy!

PAPER van De Persgroep, een hybride app, maar waarom?

image

Voor de prijs van de Linda, maar dan in plaats van één keer in de maand zes dagen in de week een verse editie. PAPER zit ergens tussen een serieuze krant en een glossy in en is geschreven door De Persgroep. Met veel liefde en plezier hebben wij deze hybride app ontwikkeld. Maar waarom eigenlijk hybride? Waarom niet native?

Het hybride versus native-vraagstuk komt voor ons vooral neer op: waarom moeilijk doen als het makkelijk kan? Het antwoord op die vraag is uiteraard: dat hangt er vanaf.

Beleving

Native apps voelen toch altijd nét even wat soepeler. Sexyer. (Ja, zo schrijf je dat blijkbaar. Ziet er toch niet uit?) Er is meer liefde en aandacht nodig om met een hybride app datzelfde niveau van beleving te benaderen. Dat doen we graag, maar waarom moeilijk doen als het makkelijk kan? Punt voor native.

Ontwikkeltijd

Wanneer je voor twee of meer platformen ontwikkelt, kost het ontwikkelen van een native app vaak meer tijd dan het ontwikkelen van een hybride app. Met native heb je immers een codebase per platform, met hybride één. Punt voor hybride.

Maar… dat verschil is in onze ervaring alleen significant wanneer je één interface kunt aanbieden die voor alle platformen werkt. En dat is zelden een goed idee. Vinden wij. Geef dat punt dus maar weer terug. Of…?

Android-apps zien er anders uit dan iOS-apps. En belangrijker: ze werken anders. Daarmee doelen we niet alleen op Apple-fanboys of Google-groupies (of een verdwaalde Windows Phone-aanbidder) die chagrijnig worden als ze een UI pattern van het rivaliserende platform tegenkomen op hun geliefde device. Elke smartphone- of tabletgebruiker is simpelweg gewend aan de standaard interface-elementen van het platform. Het kost de gebruiker minder denkmoeite (Is dat een woord? Bij deze.) als een app zich daaraan houdt. En dat is goed. Je moet dus wel een verdomd goede reden hebben om één en dezelfde interface aan te bieden met je app.

image

De verdomd goede reden voor één interface

PAPER is een magazine. Met een magazine-uitstraling. En een magazine-interface. Net als bij games is het voor een magazine-app als PAPER helemaal niet gek om er anders uit te zien en anders te werken dan de meeste andere apps. Sterker nog, als PAPER met voornamelijk native UI elementen gebouwd zou zijn, dan zou de app een stuk minder sexy zijn.

Kortom, voor PAPER was hybride ontwikkelen significant sneller. Waardoor er voldoende ruimte overbleef om de app zo gelikt mogelijk te maken.

Andere overwegingen

Uiteraard weegt er meer mee. Eén codebase is gemakkelijker te onderhouden dan meerdere. En dat één van de ondersteunde platforms het web zelf is, is natuurlijk ook relevant.

Daarnaast is het ook belangrijk om te kijken naar de (on)mogelijkheden van hybride en native. Het is echter allang niet meer zo dat je met hybride minder kunt, dus dat zit wel snor. Met Cordova kan native functionaliteit gemakkelijk aangesproken worden vanuit JavaScript, ondanks de platformverschillen. Dat hebben we nu bijvoorbeeld met notificaties gedaan en we hebben net de in de platforms ingebouwde manier om artikelen te delen ingebouwd. Dat delen is een mooi voorbeeld van iets dat we dus wél platformspecifiek willen hebben. En dat kan met Cordova.

image

Blije nerds

Voor ons ook erg belangrijk is het meewegen van ontwikkelaarsblijheid. Het ontwikkelen van hybride apps is lang een stuk minder prettig geweest dan het ontwikkelen van native apps. Maar inmiddels is het best wel oké. We hebben ons heerlijk vermaakt met de isomorphische manier van werken van React en Fluxible. (In een notendop: dat betekent dat zowel de server als de client (delen van) de interface kunnen renderen. Net als hoe Facebook dat doet. Zij hebben React dan ook gebouwd.) Cordova lost ook veel op, maar heeft ook nog wel een weg te gaan, als we eerlijk zijn. Cordova kan soms nare, exotische bugs opleveren. En Cordova helpt ook niet als je de performance en beleving optimaal probeert te krijgen. Dat is ook niet zo gek, als je bedenkt dat Cordova nog steeds ondersteuning voor Blackberry met zich meezeult, maar daar frustreert het niet minder om. Het is dus nog niet allemaal rozengeur en manenschijn, maar er is al voldoende reden om blij te zijn.

Daarom dus hybride

In dit geval.

En nu, Apple-fanboys, kunnen jullie lekker PAPER gaan lezen op een Android. Of Google-groupies op een iPad. Maakt toch niet uit, PAPER is op elk platform even fijn.

Geniet ervan.

Postkantoor in je broekzak: de nieuwe PostNL app

image

Gebruik jij de nieuwe PostNL app al? Deze app is de aftrap van onze droom samen met PostNL: de toekomst van post bepalen. En daarom willen we er toch graag wat over bloggen, ook al staat het al een tijdje live.

image

De droom

Al voor de pitch van dit project droomden Taco en Chris over de toekomst van post. Zonder twijfel is het een wereld vol mogelijkheden. En dat vindt PostNL ook. PostNL bleek een heldere verrassende visie te hebben en hun plannen voor de toekomst van post maakten ons extra enthousiast. Aan het begin van dit project droomden we samen hardop van mooie tweets na de release. Zoals deze hierboven, want een postkantoor in je broekzak: dat is toch wel wat de ultieme post app zou moeten nastreven.

image

5 seconds of fame

De nieuwe PostNL app is een goed voorbeeld van de belangrijke overlap tussen ontwerp en techniek. De bedoeling van de app is namelijk vooral gebruiksgemak: als gebruiker wil je snel de informatie hebben die je nodig hebt. Dit betekent dat de app vaak niet langer open is dan een paar seconden. Je zou denken dat het dan niet zoveel voor hoeft te stellen, maar juist dit gegeven legt de lat een stuk hoger. Die paar seconden wil je je niet afvragen waar de informatie staat die je nodig hebt of moeten wachten tot informatie ingeladen is.

image

Onder water post bezorgen

Onder water blijkt het bezorgen van post in Nederland verrassend ingewikkeld. In de happy flow alleen al heb je ontzettend veel sporen. In de ene situatie moet het eerste adres vermeld worden, in de andere situatie het tweede, in weer een andere situatie mag de naam er niet op, terwijl dat in de andere cruciaal is, om maar een paar voorbeelden te noemen. En dan hebben we het nog niet eens over de unhappy flow. (En laat dat nou de flow zijn die we als Q minstens net zo belangrijk vinden.) De kunst is om deze complexiteit te verbergen voor de gebruiker. Dit project bestond dus voor een groot deel uit simpel maken wat onder water eigenlijk heel complex is. We zijn er trots op dat dat gelukt is in nauwe samenwerking met PostNL en de designers.

image

Techniek

We bouwden twee losse native apps voor iOS en Android. De iOS app bouwden we in Swift. Swift is nog vrij nieuw en nog redelijk instabiel, bleek helaas. Deze keuze was dus een technische uitdaging, maar we kunnen vol overtuiging zeggen dat we hier nog steeds achter staan. Apple staat er immers bekend om snel oude technieken af te schrijven. (Zoals USB-poorten.) Er komt dus een moment, waarschijnlijk eerder vroeger dan later, dat Apple Objective C apps niet meer toelaat, of minder mogelijkheden biedt. De instabiliteit van Swift wordt verbeterd met regelmatige updates, maar betekende nu nog veel compileertijd en crashes. Ook zijn er online nog weinig antwoorden te vinden over problemen waar je tijdens het bouwen tegenaan kunt lopen, en missen de al geschreven libraries die wel voor Objective C bestaan. Daarom hebben we die veel zelf geschreven en die delen we natuurlijk met de hele wereld. Hier, alsjeblieft en get your Swift on.

image

De vernieuwde PostNL app

Deze eerste versie legt de basis voor de toekomst van post. Naast bekende features als Track & Trace en een nauwe koppeling met de website biedt de nieuwe app features als inloggen en daarmee je data syncen, de handtekening zien van degene die voor je pakketje heeft getekend, pakketjes onthouden, zien welke pakketten je gaat ontvangen en je ziet welke pakketjes je ontvangen hebt. Verder kun je ermee herrouteren en dat herrouteren geeft ook weer een hoop opties: locatie, tijdslot en direct in de app betalen voor extraspeciale opties. En er zit nu een barcodescanner in. Weet je, probeer het zelf even uit!

image

De toekomst

Dit is de ultieme tweet waar we nog van dromen. Met de updates die blijven komen voor deze app, andere apps die we gaan integreren en alle andere plannen die we samen met PostNL hebben over de toekomst van post blijft die droom voor ons tastbaar. Dit is nog maar het begin!

iOS
Android