3 juli 2015 • juli 3, 2015 at 9:44 am Qdraw

Onweer Twello (juli 2015)

Een tropische dag wordt afgesloten met een indrukwekkend natuurfenomeen namelijk met onweer. In het oosten van Nederland was het gisterenavond een hevige onweersbui. Wat mij opviel was dat de flitsen dikker waren dan de vorige keren, dit is te zien op de laatste foto. De laatste foto is gemaakt op 5 juni. De eerste twee foto’s zijn gisteravond gemaakt.


Onweer Twello (juli 2015) ; onweer, twello, lighting, paars | foto 1


Onweer Twello (juli 2015) ; onweer, twello, lighting | foto 2


Onweer Twello (juli 2015) ; foto is gemaakt op 5 juni 2015, Twello, onweer, flits, zwart | foto 3

Dit bericht is geschreven door: Dion

Tags: , , , , ,

Gecategoriseerd in:

5 juni 2015 • juni 15, 2015 at 2:58 pm Qdraw

Hoe ik met node.js ben begonnen om een realtime game te maken

In dit artikel ga ik het hebben over het eerste begin van de technische realisatie van mijn project Spokenjagers: jaag in de echte wereld op virtuele spoken.

Om mijn werk beter te kunnen kaderen ga ik het eerst hebben over mijn voorkennis. Voorheen ben ik bezig geweest met projecten waarin Clientside Javascript, jQuery, een beetje PHP en WordPress gebruikt werden.

Ik ben begonnen met de belangrijkste functionaliteit: Het realtime weergeven van de huidige gebruiker op de kaart. Op Github is een demo te vinden waarbij de geolocatie realtime wordt weergegeven.

Voordat je dit script kunt uitvoeren moet je node.js wel geïnstalleerd hebben. Op de website van node.js kun je installers vinden voor verschillende platformen.

Het is belangrijk dat npm geïnstalleerd is. Npm staat voor Node Package Manager en komt mee met node.js. In de package.json staan de dependencies (benodigdheden). Deze benodigdheden kunnen worden geïnstalleerd door het commando: “npm install” uit te voeren in de map met het script.

Ik heb deze realtime geolocatie demo onderzocht en deze omgebouwd zodat er meerdere gebruikers worden weergegeven. Kort samengevat heb ik het zo gemaakt dat alle gebruikers worden verzameld en worden gedeeld met alle andere actieve gebruikers. Iedere gebruiker krijgt een uniek identificatie getal en deze wordt zichtbaar gemaakt op de kaart.

Er wordt over websockets gezegd dat het problemen gaat opleveren bij extreem veel gebruikers. Wanneer je meer dan 70.000 actieve gebruikers hebt dan is dit zeer nadelig voor de performance.

Wanneer je aan het ontwikkelen bent met node.js is het handig om nodemon te gebruiken. Nodemon is een gratis scriptje dat kijkt of je bestand veranderd is. Wanneer het bestand gewijzigd is wordt het draaiende node.js script opnieuw opgestart. Nodemon kun je globaal installeren door het volgende commando uit te voeren: “npm install nodemon -g”

Het is daarnaast belangrijk om de input te valideren. Dus om te controleren wat je voor geolocaties binnen krijgt. Tijdens de beginperiode zorgden lege geolocaties er voor dat het script vast liep. Een manier om dit te voorkomen is door te controleren of een de input een getal en geen nul is.

Omdat GPS een product is van het Amerikaanse leger worden de locaties met opzet minder nauwkeurig aangeleverd. Dit heeft tot gevolg dat de gebruiker kan gaan stuiteren op de kaart. Dit stuiter-effect heb ik opgelost met een filter.

Ik ben deze app verder gaan uitwerken door elke keer kleine functionaliteiten toe te voegen en tussentijds vaak de werking te testen.

Een werkende versie van de Spokenjagers-game is te vinden op http://qdraw.nl/game. Dit spel werkt zowel op je mobiel, tablet als laptop.


Hoe ik met node.js ben begonnen om een realtime game te maken ; node.js, ontwerp, prototyping | foto 1

Dit bericht is geschreven door: Dion

Tags: , ,

Gecategoriseerd in:

5 juni 2015 • mei 31, 2015 at 4:05 pm Qdraw

De brug tussen ontwikkelaars en ontwerpers

In de tijd dat beeldschermen grote vierkante dozen waren er voor het web twee beroepen. De webdesigner en de webdeveloper. De ontwerper maakt een grafisch ontwerp met Adobe software en deze wordt omgezet door webdeveloper naar een werkende website.

Inmiddels kan het web veel meer dan alleen een statische pagina met tekst en beeld tonen. Wanneer je bijvoorbeeld naar Gmail gaat dan is de interactie tussen jou en de web-app super belangrijk. Op deze manier is de lijn tussen het werk van een ontwerper en developer steeds waziger geworden.

Als ontwerper hoef ik niks van code af te weten

Met het juiste gereedschap hoeft een ontwerper niet te kunnen coderen. Er zijn tools die een nette, functionele en responsive website kunnen maken. Er is tenslotte ook zo iets als specialisatie.

Met tools zoals Macaw.co en Webflow.com kun je een nette site maken. Deze tools maken gebruik alleen maar gebruik van drag ‘n drop en leveren als output nette code.

Door mij niet bezig te houden met code kan ik mij beter specialiseren in ontwerp. Trends en technieken komen en gaan in design-land.

Waarom zou ik als ontwerper toch bezig moeten zijn met programmeren?

Je leert jezelf beter kennen door te weten wat je niet weet. Wanneer je bepaalde concepten binnen web development compleet negeert kun je hier ook niet je voordeel uit halen. Probeer het eerst en dan kun je later altijd nog zeggen dat je voor dit concept bewust niet kiest.

Om bij het ontwerpen realistische beloftes te kunnen doen is het noodzakelijk om inzicht te hebben in het development proces. Op deze manier verspil je minder tijd aan dingen die onmogelijk zijn binnen het budget.

Wat je als ontwerper wil

Een eenvoudige site als freelancer aanbieden

Wanneer je als freelancer werkt en niet zulke grote budgetten hebt om van een ontwerp een werkende site te maken. Vervolgens hoef jij of je klant je niet bezig te houden met de onderlinge communicatie.

Meer controle op het werk.

Elke artiest wil volledig controle over het werk. Ik heb er bewust voor gekozen om dit op deze manier er uit te laten zien en laten werken omdat…

Waarom ik als developer iets van design af hoor te weten.

Kennis van design helpt je om een beter overzicht te krijgen van het project. Op deze manier worden ontwerp-keuzes duidelijker en plaatst de ontwikkelaar zich dichter bij de eindgebruiker. Als ontwikkelaar ben je ook bezig hoe het voor de eindgebruiker gaat werken. Uit interviews met Apple medewerker Mark Kawano blijkt dat iedereen binnen Apple op een bepaalde manier met design bezig is.

Op zoek naar de balans tussen design en development

Het is altijd belangrijk om de verwachtingen zo veel mogelijk te belanceren. Het is zeker belangrijk dat een ontwerper zicht heeft op het development-proces. Het is ontwerper niet relevant om specifieke functie in de iOS ontwikkel omgeving te kennen. Daarnaast is het voor een developer niet noodzakelijk om super goed te kunnen werken met Illustrator.

Samenwerken en communicatie is de sleutel tot succes. Het is belangrijk dat je in het zelfde universum leeft. Zo is belangrijk om elkaar te kunnen aanvullen in plaats van ieder voor zich binnen bepaalde kaders te werken.


De brug tussen ontwikkelaars en ontwerpers ; dionweb, 2006, pc | foto 1

Bronnen:
designmodo, vanseodesign, webdesignerdepot, smashingmagazine

Dit bericht is geschreven door: Dion

Tags: , ,

Gecategoriseerd in:

28 mei 2015 • mei 29, 2015 at 5:13 pm Qdraw

Flowcharts helpen om een helikopterblik te krijgen

Flowcharts zijn er om overzicht te krijgen in processen, algoritmes en workflows. Op deze manier krijg je een helikopterblik van het proces. Het wordt over het algemeen gebruikt om een proces makkelijker te visualiseren, of om fouten in het proces te kunnen vinden.

Verbeteren van de Workflow

Het sneller en beter maken van je werkmethodieken gaat niet automatisch. Veel taken zul je onbewust uitvoeren, een manier om dit in kaart te brengen is om alle stappen uit te tekenen d.m.v. een flowchart. Nadat deze stappen in beeld zijn kun je beginnen met verbeteren. Je hebt dus door het uitwerken van het proces een nul-meting gedaan.

Programmeren

Bij het werken met subroutines en procedures is het handig om te werken met flowcharts. Wanneer er gewerkt wordt met objects dan wordt er met een andere variant van de flowchart gewerkt, namelijk een uml state diagram.

Troubleshooting Guides

Om tot een oplossing te komen bij een veel voorkomend probleem en de juiste vragen niet te vergeten worden flowcharts gebruikt. Op deze manier signaleer je het probleem en kun je de oplossing realiseren.

Nu zelf aan de gang

Er zijn verschillende manieren om snel een flowchart te kunnen maken. Zo is Microsoft Visio een goede tool om snel een flowchart te maken. Dit programma werkt alleen op een Windows computer.

Drawio is een goede manier om gratis flowcharts te maken . Wanneer je naar draw.io gaat kun je hier direct mee aan de slag!


Flowcharts helpen om een helikopterblik te krijgen ; flowchart, Stroomdiagram | foto 1

Dit bericht is geschreven door: Dion

Tags: , ,

Gecategoriseerd in:

24 mei 2015 • mei 25, 2015 at 10:31 am Qdraw

Hoe ik mijn compact-camera hackte om time-lapses te maken

Om met mijn compact-camera timelapses te kunnen maken heb ik gebruik gemaakt van een hack. Deze hack werkt voor een groot aantal Canon compact-camera’s.

Er bestaat op internet een project voor Canon compact-camera’s. Dit project heet Canon Hack Development Kit (CHDK). Deze hack zorgt er voor dat je meer uit je camera kunt halen dat er definitieve veranderingen worden doorgevoerd.

De hack is tijdelijk, wanneer je het geheugenkaartje verwijderd of de lock van de sd-kaart veranderd wordt de normale software ingeladen zonder CHDK.

Het kan zo zijn dat je de garantie verbreekt, maar deze camera is ouder dan twee jaar, dus de garantie is toch al verlopen. Op de site van de makers is beschreven dat de kans heel erg klein is dat CHDK je camera beschadigd.

1. Wordt mijn camera ondersteund?
Om dit te checken kijk je op: http://chdk.wikia.com/ Zie het kopje “Supported Cameras” voor een lijst met ondersteunde camera-typen

2. Download de Java-applicatie op: http://zenoshrdlu.com/stick/stick.html Deze app werkt onder Windows, Linux en Mac.

In de onderstaande schermen loop ik door het hack-proces heen. Je kunt de stappen volgen door de annotaties en de onderschriften te lezen.


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 1


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 2


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 3


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 4


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 5


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 6


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 7


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 8


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 9


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 10


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 11


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 12


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 13


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 14


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 15


Hoe ik mijn compact-camera hackte om time-lapses te maken ; chdk, camera, hack, canon, compact-camera | foto 16

Dit bericht is geschreven door: Dion

Tags: , , , ,

Gecategoriseerd in:

16 mei 2015 • mei 10, 2015 at 10:23 pm Qdraw

Stuifzandgebied Kootwijkerzand (2015)

Het grootste stuifzandgebied van Europa is in Nederland te vinden. Het stuifzandgebied Kootwijkerzand is met 700 hectare de grootste actieve zandverstuiving van Europa. Het Kootwijkerzand is onderdeel van de Veluwe. Ik ben bij de uitkijktoren geweest en deze staat in de omgeving van Harskamp.

De uitkijktoren is al vanaf afgelopen juli gesloten. De toren is 15 jaar oud en het houtwerk is weggerot. De eigenaar Staatsbosbeheer is bezig om deze op te knappen en voor de veiligheid is de toren voor onbepaalde tijd gesloten.


Stuifzandgebied Kootwijkerzand (2015) ; Kootwijk, zand, mensen, wolken | foto 1


Stuifzandgebied Kootwijkerzand (2015) ; Kootwijk, zand, wolken, bomen | foto 2


Stuifzandgebied Kootwijkerzand (2015) ; Kootwijk, zand, wolken, bomen | foto 3


Stuifzandgebied Kootwijkerzand (2015) ; Kootwijk, zand, bankje, boswachter | foto 4

Dit bericht is geschreven door: Dion

Tags: , , , , , ,

Gecategoriseerd in: