the-g-roup-blog

[the-g-roup-blog]

Het einddesign van de poster!

[the-g-roup-blog]

Opnames + editing

Vrijdag 16 oktober wilden we in de ochtend beginnen aan de opnames. Dit liep uit omdat het nieuwste prototype van de BroKey niet helemaal vlekkeloos uit de 3d-printer kwam.. Er moesten wat aanpassingen worden gemaakt. 

Uiteindelijk konden we een paar uur later beginnen aan de opnames. Hiervoor hadden wij gebruik gemaakt van de green screen ruimte in Xplora. 

Die avond heb ik (Evie) uitgezocht welke fragmenten er zeker in het filmpje moesten komen. Ook heb ik  fouten uit fragmenten gehaald en gezorgd dat alles goed op elkaar aansluit. Ik heb dus een basis gemaakt:

Victor heeft dit afgemaakt tot hoe het filmpje nu is:

[the-g-roup-blog]

Opnames productvideo

In de laatste week waaraan wij aan ons project hebben gewerkt hebben wij ook de opnames gemaakt om ons product te presenteren. Dit hebben we gedaan nadat wij nog een aantal uur aan het final prototype van de Bro-Key hebben gewerkt. Er moesten nog wat extra gaatjes inkomen voor schroeven, er moest nog flink wat worden bijgeschuurd, er moest nog een kleurtje op worden gespoten en ten slotte moest de Bro-Key nog met sleutels en al in elkaar worden gezet, wat in het begin nog wel even passen en meten was.  Op basis van een aantal storyboards die ik en Evie de afgelopen weken hebben bedacht en uitgewerkt (zie eerdere posts) zijn we gaan filmen in de filmruimte achter Xplora. We hebben gekozen om één groepslid (Joey) te laten vertellen over ons product, afwisselend met beelden van de BroKey. Eigenlijk hebben wij hierdoor een combinatie gebruikt van 2 iets verschillende storyboards. Het filmpje moest alle functies en de werking van ons product weergeven met de nadruk op de belangrijkste functie: checken of je sloten op slot zitten.  We hebben ervoor gekozen om Joey voor een rustige achtergrond over ons product te laten vertellen zodat de focus hier volledig op ligt. De beelden die tussendoor komen moeten duidelijk maken hoe de BroKey precies werkt en laten het unieke uiterlijk van de BroKey zien. 

[the-g-roup-blog]

Opnames promotievideo + voice over.

[the-g-roup-blog]

Woaww... stunning UI design!!

Ook is er de noodzaak voor een applicatie die die weergeeft of de deur op slot zit. Hier heb ik me op gericht. Door een duidelijke en simpele user interface te ontwerpen maken we het de gebruiker nog makkelijker.

Direct is te zien welke deuren open of dicht zijn zodra je de applicatie opent. Hiervoor heb ik iconen gebruikt met een de kleuren groen en geel.

De reden hiervoor is dat met alleen kleuren het niet duidelijk genoeg is wanneer een deur open of dicht is. Hier heb ik even goed over na gedacht en ben met de kleuren groen en geel gekomen. Groen zodra de deur dicht is omdat dit veiligheid uit straalt. En geel voor open, zodat het een lichte waarschuwing geeft maar niet te direct over komt. Want niet in alle gevallen is het slecht als de deur open is en we willen wel de beste ervaring mee geven aan onze gebruikers. De keuze voor icon is erg simpel, een goed icoon spreekt voor zich. Door deze op het scherm te plaatsen met een opvallende grote en kleur is dit het eerste wat men op zal vallen. Dit komt ten goede voor de visuele hiërarchie.

Daarnaast kan de gebruiker een specifieke deur selecteren om zo te kijken of hij open of dicht is. Daarnaast bied dit user interface ook de mogelijkheid te kunnen zien wanneer de deur is geopende de afgelopen tijd.

Ook bij het design heb ik nagedacht over hoe een gebruiker dit zou ervaren. Maar om dit helemaal te kunnen ervaren heb ik feedback nodig van gebruikers!! Daarom ben ik ook met het design langs leraren en studenten gegaan om hier hun mening van te vragen, ongezout natuurlijk!!. Dit heb ik gedaan door middel van een korte pitch zodat het duidelijk was wat het doel is van zowel het product als de applicatie

[the-g-roup-blog]

Codering

Om het te fake in de deur gebruiken we een infrarood sensor die de afstand meet tussen objecten. Zodra de sleutel draait zal de afstand korter worden. Vervolgens willen we op een scherm de kleur laten veranderen om te zorgen dat zichtbaar is tijdens de presentatie.

Om dit werkend te krijgen moet je met twee programma’s werken, Arduino en Processing. Het is de eerste keer dat ik met Processing werk en daarom moeilijk om te taal te leren en te begrijpen.

Naast dat processing met adruino gaat communiceren moet de analoog input beperkt worden tot een status van 0 of 1 om ervoor te zorgen dat de status in processing werken zoals verwacht.

Tot nu toe is het gelukt om de sensor uit te lezen met Adruino dat door te communiceren naar Processing die vervolgens twee verschillende kleuren laat zien op het scherm. Nu moet er nog gezorgd worden dat zodra de status van de sensor pin verandert doordat de sleutel draait dat hij ook op die status blijft tot hij weer op de zelfde status komt en dan de kleur vasthoud.

[the-g-roup-blog]

Onze favoriete werkplek

We hebben er niet alleen voor gezorgd dat het product functioneel is maar ook dat het ook een sterke professionele uitstraling krijgt! Hierdoor krijgt de gebruiker van het product een betere beleving waardoor de investeerders geen nee meer kunnen zeggen!

[the-g-roup-blog]

De technieken binnen ons demonstratie model. 

Een kijkje in de doos waar tot nu toe zo hard aan gewerkt is. Zoals te zien op de eerste foto zijn hier schotjes geplaatst die gesneden zijn met de hulp van de lazer snijder. Deze slimme oplossing heeft ons snel tot de volgende stap gebracht. 

Samen met Luc ben ik gaan zitten om te kijken wat we allemaal konden gebruiken van de lazer snijder. Dit hebben we getekend en dubbel uit laten snijden. Hierdoor hebben we altijd een reserve mocht het mis gaan en lopen we ook niet tegen het probleem aan dat de lazer snijder continu bezet is door onze mede student.

Hierdoor hebben we relatief snel en ook veel oplossingen gevonden voor de uitwerkingen van ons demonstratie model.

Zoals hierboven te zien is het een infra rood sensor geworden die aangestuurd wordt met de Arduino Kit

[the-g-roup-blog]

Start van het maken / uitwerken demonstratie model

Aan de hand van al de feedback die we kregen van zowel studenten als leraren was het praktischer en vooral duidelijker voor de demonstratie om de slotdetectie niet in de Bro-Key zelf te plaatsen maar in het slot wat de Bro-Key opent. 

Zo komt de gebruikservaring perfect naar voren zonder dat er enige uitstekende usb kabels of Arduino kits aan hangen. Ook geeft dit de gebruiker de mogelijkheid de Bro-Key in zijn zak te steken voor de optimale ervaring. Want naast dat het een effectief product is is het erg belangrijk dat hij niet in de weg zit als je hem bij hebt.

Zoals hier te zien hebben we tijdens dit proces erg veel gebruik gemaakt van de lazer snijder. Hierdoor konden we relatief snel perfect passende onderdelen maken in een korte tijd. Dit heeft ons veel tijd bespaard die we hierdoor in de code hebben kunnen steken!

Met speciale dank aan onze lazersnijder

[the-g-roup-blog]

Techniek (week 4)

De grote vraag, hoe gaat we de bedachte techniek in de bro-key krijgen? We wouden eerst de vorm van het product laten afhangen van de techniek die erin ging maar na veel technisch onderzoek en een gesprek met Bertus hebben we besloten om de techniek te laten af hangen van het design.

Natuurlijk hebben we wel uitgezocht welke ruimte er nodig is om de chip met daarop alle componenten erin te laten passen. Daarnaast moet er ook een batterij en de zonnecel inpassen. De ruimte die hiervoor nodig is, is vijf minimeter in hoogte en twee keer twee en een halve centimeter lang.

Natuurlijk moet er niet alleen gedacht worden aan de hardware zoals chips maar ook aan de bouten, moeren, veringen ect om te zorgen dat alle ideeën straks eruit komen zoals gedacht.

Maar natuurlijk moet de bro-key wel werken tijdens de oplevering. Beiden gaan we ideeën bedenken om dit op te lossen en te zorgen dat het belangrijkste werkt.

[the-g-roup-blog]

Struggle with Arduino (( int week = “5, 6, 7, 8″ ))

In de weken 4 tot en met nu zijn we druk bezig met het ontcijferen van de Arduino code. Dagelijks steken we hier de benodigde uren in om te zorgen dat de technieken binnen en buiten de Bro-Key foutloos werken. 

Tot in zo ver hebben we een hoop mensen benaderd met een korte pitch over ons product en de voordelen ervan. Na deze pitch kwam natuurlijk de brandende vraag wat ze ervan vonden en of ze dit anders aan zouden pakken en zoja, hoe? en waarom zou dit beter zijn?

Dankzij deze personen hebben wij een duidelijker beeld gekregen van de functionaliteit van ons product maar ook de technieken die we erin hebben weten te verwerken.

[the-g-roup-blog]

STORYBOARD MET VOICE-OVER TEKST

Ik heb de eerste versie van Wisse verwerkt in dit uiteindelijke storyboard (met wat aanpassingen). Op de planning staat dat we morgen gaan filmen, het storyboard is in ieder geval af. Nu nog hopen dat ons uiteindelijke product vóór morgenmiddag geprint kan worden, anders zullen we het moeten doen met het prototype.

[the-g-roup-blog]

Print

[the-g-roup-blog]

Uitgeschreven idee voor productfilmpje + de voice-over tekst.

Voor ons productfilmpje heb ik een eerste versie voor een voice-over tekst uitgeschreven, hierin staat precies wat we allemaal in het filmpje willen (moeten) zeggen om naar voren te laten komen wat wij belangrijk vinden. Dit is de eerste versie van het filmpje zoals we het gaan maken, de volgende stap is een gedetailleerder storyboard maken waar de tekst van de voice-over precies onder past. Later kunnen we dit storyboard dan gaan verfilmen.

[the-g-roup-blog]

Taakverdeling

Hierbij de taakverdeling van de laatste week van het project van blok 5. Dit leek me wel even zo handig om overzichtelijk te hebben. Aan het eind van deze week zou alles af moeten zijn en klaar voor de eindpresentatie.

[the-g-roup-blog]

Detailshots 3ding