meaningfuldatadesignluc - Tumblr blog

[meaningfuldatadesignluc]

Licht schaduw object

[meaningfuldatadesignluc]

Leerdoelen

Leerdoel 1     De uitleesbaarheid van mijn datavisualisatie optimaliseren.   De doorontwikkeling van de Philips babylamp biedt goede mogelijkheden om de focus op het ontwerp van de datavisualisatie te leggen. Binnen dit ontwerp staat het optimaliseren van de uitleesbaarheid van de datavisualisatie centraal.         Na de feedback van Philips over het originele ontwerp, hebben we in de doorontwikkeling er voor gekozen om een dashboard te ontwikkelen voor ouders van baby’s. Op dit dashboard kunnen ouders verschillende data uitlezen. Welke data uitgelezen kunnen worden, is tijdens het proces een aantal keer aangepast. In de eindversie zijn de volgende data uit te lezen:         - De status van de baby (aan het slapen / wakker / aan het huilen) - De actuele tijd                       - Het tijdstip waarop de baby ging slapen         - De totale tijd waarin de baby heeft geslapen             - De totale tijd waarin de baby wakker is geweest             - Het aantal keer dat de baby heeft gehuild     - Realtime geluidsniveau in de babykamer       - Het slaapritme van de baby (te zien via ‘learn more’)             - De hoeveelheid slaap van de baby vergeleken bij de gemiddelde hoeveelheid slaap van baby’s in dezelfde leeftijdscategorie (te zien via ‘informatie’)   Het dashboard heb ik rustig gehouden door het toepassen van beperkt kleurgebruik, witruimtes, een duidelijk leesbaar lettertype, en details in lichtere kleurtonen. Hierdoor is eenheid ontstaan tussen de verschillende onderdelen van het dashboard. Meerdere personen, waaronder Jacob en verschillende studenten, hebben me benaderd en vertelt dat het dashboard duidelijk uitleesbaar en helder is en goed kleurgebruik bevat. Conclusie Ik heb geleerd hoe ik een minimalistisch ontwerp kan ontwikkelen dat ten goede komt aan de uitleesbaarheid van de data. Dit project heeft mij inzicht gegeven in de kracht van beperkt kleurgebruik en de rust die dit geeft aan een ontwerp. Doordat meerdere studenten en Jacob uit henzelf naar mij zijn toegekomen om te vermelden dat het dashboard duidelijk uitleesbaar en helder is en goed kleurgebruik bevat, kan ik stellen dat ik mijn leerdoel heb behaald.                 Leerdoel 2     Zoeken naar verhalen achter data.       Data zijn bronnen van informatie en kunnen veel vertellen, maar soms is hetgeen dat de data zo interessant maakt juist het verhaal achter de data. Het CBS project over eenzaamheid biedt de uitgelezen kans om op zoek te gaan naar deze verhalen.           In mijn zoektocht naar verhalen staat eenzaamheid onder immigranten centraal, specifiek het ontstaan van eenzaamheid onder immigranten. Om waardevolle verhalen te kunnen vinden is het belangrijk dat ik verder kijk dan de data. Daarom moet ik een onderzoekende houding aannemen en in eerste instantie de data die ik al heb los durven laten. Ik begin bij het begin en ga het gesprek aan. Hiervoor heb ik een vriend van mij benaderd die ongeveer een jaar geleden vanuit Palestina naar Nederland is gemigreerd. Ik heb gepraat met hem en zijn familie. De verhalen die ze me verteld hebben waren hartverscheurend. Zo bestaan er meer verhalen die het recht hebben gehoord te worden. Ik wilde mijn onderzoek verdiepen door met meer immigranten te spreken. Dit heb ik gedaan op het AZC in Emmen. Vanuit het onderzoek dat ik heb gedaan en de verschillende interessante verhalen die me zijn verteld ben ik verder gaan bouwen. Dit heeft geleid tot een datavisualisatie omtrent risico tot eenzaamheid.                       Conclusie Ik heb mezelf in het diepe gegooid door het loslaten van bekende data en het gesprek aan te gaan. Hierdoor heb ik geleerd dieper te graven. Het onderzoek dat ik heb gedaan en de verhalen die hierin naar voren zijn gekomen hebben geleid tot het eindontwerp. Ik ben trots op mijn onderzoekende houding en erg blij dat ik er voor heb gekozen om te zoeken naar verhalen achter de data. De zoektocht naar de verhalen en de verhalen zelf hebben het project nog waardevoller voor mij gemaakt. Ik ben alle mensen die hun verhaal met mij hebben willen delen dan ook enorm dankbaar. Ik kan stellen dat ik mijn leerdoel heb behaald.     Leerdoel 3     Gerichter werken en minder zijpaden nemen. In mijn ontwerpproces neem ik vaak zijpaden terwijl inperking voor sommige projecten juist effectiever is. Het zal mij als ontwerper sterker maken als ik gerichter leer werken en minder zijpaden neem. Dit leerdoel heb ik toegepast bij het Philips project.           Bij het Philips project is gekozen om als richting enkel de geluiden die de baby maakt aan te houden. Ik heb hierbinnen mijn focus gelegd op de ontwikkeling van het dashboard. Ondanks tegenslagen heb ik de gekozen richting en focus aangehouden en heb ik het dashboard doorontwikkeld. Ik ben niet afgeweken naar onnodige zijpaden en heb me ingezet om een goed werkend product neer te zetten.   Conclusie Ik heb tijdens dit project de gekozen focus en richting aangehouden, en ben geen onnodige zijpaden ingeslagen. Dit heeft geresulteerd in een goed product. Ik kan hierdoor stellen dat ik mijn leerdoel heb behaald.

[meaningfuldatadesignluc]

Philips - Doorontwikkeling

We staan zelf achter het concept van de babylamp en willen het project naar een hoger niveau brengen.

Daarvoor moeten we eerst toegeven aan het feit dat de “data“ niet uitleesbaar is op deze manier en er dan ook niks mee gedaan kan worden. Daarom hebben we de taken verdeeld, Rick gaat focussen op het technische aspect achter de babylamp, Aart gaat op zoek naar baby data omtrent slapen en patronen en ik ga de focus leggen op het ontwerp.

Wat ontbreekt momenteel is een dashboard voor de ouders, daarbij ben ik eerst gaan kijken naar welke data hebben we, welke krijgen we binnen en hoe kan ik deze weergeven.

De gekozen data:

- De status van de baby (aan het slapen / wakker / aan het huilen) - De actuele tijd                       - Het tijdstip waarop de baby ging slapen         - De totale tijd waarin de baby heeft geslapen             - De totale tijd waarin de baby wakker is geweest             - Het aantal keer dat de baby heeft gehuild     - Realtime geluidsniveau in de babykamer       - Het slaapritme van de baby (te zien via ‘learn more’)             - De hoeveelheid slaap van de baby vergeleken bij de gemiddelde hoeveelheid slaap van baby’s in dezelfde leeftijdscategorie (te zien via ‘informatie’) 

Wil voor de ouders een overzicht creëren waar ze het slaapritme van hun baby kunnen volgen. Zo kan je patronen leren herkennen van het slaapritme van de baby.

Ga mezelf beperken met het kleurgebruik, en donkere achtergrond zorgt voor rust en een mooie basis om vanuit te gaan ontwerpen.

Het aanbrengen van lijnen zorgt ervoor dat het direct een groot deel uitleesbaar wordt.

Het aanbrengen van de kleur onderscheidende vlakken zorgt voor een contrast waardoor het geheel veel duidelijker afleesbaar wordt.

Ben nog aan het zoeken waar de weekdagen optisch mooi staan.

Dit is voor mij een helder tabel met waardevolle informatie.

In de lichte kleur komt de visualisatie niet tot zijn recht.

Tijd om een dashboard er omheen te maken. Begon met alle informatie weer te geven op het scherm en kwam er al snel achter dat het teveel was voor te weinig ruimte. Om nog steeds waardevolle informatie daar te laten zien heb ik ervoor gekozen om maar een klein deel van de tabel neer te zetten zodat het rust uitstraalt maar toch nog steeds veel laat zien.

De rode lijn maakt het net te druk.

Tijdens het ontwerpen door heb ik veel contact met Rick, om te zorgen dat het gene dat ik ontwerp ook gemaakt kan worden op die manier.

Heb voor Rick meerdere overzichten gemaakt waarvan uit hij kan gaan coderen.

De tabel in het midden ben ik niet blij mee, na wat feedback verzamelt te hebben ben ik verder gaan zoeken.

Nu het dashboard naar mij idee er netjes en goed uitziet is het tijd om het prototype aan te passen. Ik ga een plaat voor de lamp van het oude prototype maken die boven de baby krip komt te hangen. De vanuit de lamp komt de projectie op de plaat.

Echter zijn er geen kleine beamers meer te leen op school en kunnen we er ook niet aan eentje komen op tijd. Na goed na te hebben gedacht heb ik een constructie gemaakt waar een grote beamer in staat. De beamer schijnt naar het plafon, als ik de plaat onder de lamp er boven hang op 60 cm afstand dan is kan er een rondvlak van 35 cm bij 35 cm komt te hangen. De beamer kan dan scherpgesteld worden en van onder op het prototype erop projecteren.

De beamer staat in een doos, om de doos heb ik van hout een frame gemaakt met daaromheen doek zodat het netjes weg gewerkt is.

Tijd om te testen.

Opbouwen voor de eind expositie van de minor Meaningful Data Design. Tijd voor de expo.

Al met al kijk ik terug op een zeer geslaagd project waarbij ik veel geleerd heb en fijn heb samengewerkt.

[meaningfuldatadesignluc]

Workshop - product fotografie

[meaningfuldatadesignluc]

Philips - Baby data

Vanuit Philips hebben we een dataset gekregen omtrent een babybottle, aan ons de taak iets met de data te doen. Mochten we ervoor kiezen om de baby data los te laten dan zijn ze opzoek naar een manier om communicatie met de eindgebruiker te bewerkstelligen.

Met het doorlopen van de data set kwam we er al snel achter dat we niet veel ermee kunnen. De dataset is incompleet, heeft geen context en voor ons is het onbegonnen werk.

Daarom willen we gaan kijken hoe we communicatie met de eindgebruiker kunnen bewerkstelligen. Maar daar zit het al in, wie is de eindgebruiker als het gaat om baby data. Wij vinden dat de ouders de eindgebruiker zijn en de baby de gebruiker, natuurlijk kan de baby niet veel dus wat voor data kan er dan gebruikt worden.

Na een korte tijd kwam ik op het idee om de babyfoon die we allemaal kennen eens onder de loep te nemen. De eerste gedacht is hoe kan ik geluid visueel maken, dit heb ik ook al geprobeerd te maken voor Romeo en Juliette. Om een begin te maken zijn we in de boeken van Brenda gedoken om te kijken of er iets tussen zit dat ons op weg kan helpen.

Hier kwam we erachter dat alle bestanden die in het boek beschreven staan te downloaden zijn. Nu we makkelijk een visuele vorm kunnen kiezen die ons aanstaat is het tijd om een begin te maken aan een code om iets werkend te krijgen op basis van geluid. We willen deze vormen projecten op het plafond van de baby zodat de baby rustig wordt en gaat slapen. Voor de ouders willen we een soort gelijke stijl aanhouden waardoor het mogelijk is om visueel te luisteren in de babykamer.

Bij de uitleen drie verschillende microfonen geleend om te kijken waar we daadwerkelijk iets uit kunnen lezen. Dit bleek echter moeilijker dan gedacht en kwam al snel met een probleem dat het niet genoeg geluid binnen kreeg om daadwerkelijk iets uit te maken... Oke we weten dus dat we graag een van de bestanden willen gaan aanpassen en daarbij geluid willen gebruiken als variabel, nu nog uitzoeken hoe.

//import processing.serial.*; //Serial myPort;  // Create object from Serial class //int valIN;     // Data received from the serial port

// M_1_5_02_TOOL.pde // Agent.pde, GUI.pde // // Generative Gestaltung, ISBN: 978-3-87439-759-9 // First Edition, Hermann Schmidt, Mainz, 2009 // Hartmut Bohnacker, Benedikt Gross, Julia Laub, Claudius Lazzeroni // Copyright 2009 Hartmut Bohnacker, Benedikt Gross, Julia Laub, Claudius Lazzeroni // // http://www.generative-gestaltung.de // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License.

/** * noise values (noise 2d) are used to animate a bunch of agents. * * KEYS * m                   : toogle menu open/close * 1-2                 : switch noise mode * space               : new noise seed * backspace           : clear screen * s                   : save png */

import controlP5.*; import java.util.Calendar; import processing.sound.*;

AudioIn input; Amplitude loudness;

// ------ agents ------ Agent[] agents = new Agent[10000]; // create more ... to fit max slider agentsCount int agentsCount = 3000; float noiseScale = 300, noiseStrength; float overlayAlpha = 45, agentsAlpha = 10, strokeWidth = 0.3; int drawMode = 1;

// ------ ControlP5 ------ ControlP5 controlP5; boolean showGUI = false; Slider[] sliders;

void setup() {  size(1280, 800, P2D);  smooth();

 input = new AudioIn(this, 0);

 // Begin capturing the audio input  input.start();

 loudness = new Amplitude(this);

 // Patch the input to the volume analyzer  loudness.input(input);

 for (int i=0; i<agents.length; i++) {    agents[i] = new Agent();  }  // myPort = new Serial(this, "COM6", 9600); //dit is de poort waarmee de serial verbrind. De tweede is de USB poort en de laatste 9600 is de bitsnelheid waarmee gecommuniceerd word.  //printArray(Serial.list());  //String portName = Serial.list()[0];  //myPort = new Serial(this, portName, 9600);  //setupGUI();

 //frameRate(20); }

void draw() {  smooth();  noStroke();  //rect(0, 0, width, height);

 stroke(0, agentsAlpha);  //---------------------------------------------------------------------------------------  //if ( myPort.available() > 0) {  // If data is available,  //    valIN = myPort.read();         // read it and store it in val  //  }  // // String portName = Serial.list()[0];  //  println(valIN); //print it out in the console  //---------------------------------------------------------------------------------------  //overlayAlpha colorMode(204,102,0);  float volume = loudness.analyze();  int hoi = int(map(volume, 0, 0.5, 1, 100));

 noiseStrength = hoi;

 //draw agents  if (drawMode == 1) {    textSize(100);    fill(0);    text("Baby", 100, 100);    fill(205, 204, 251, overlayAlpha);    rect(0, 0, width, height);    for (int i=0; i<agentsCount; i++) {      agents[i].update_baby();    }  } else {    textSize(100);    fill(0);    text("Ouders", 100, 100);    fill(204, 102, 0, overlayAlpha);    rect(0, 0, width, height);    for (int i=0; i<agentsCount; i++) {      agents[i].update_parents();    }    if (noiseStrength >= 97) {      delay(0);      background(255, 0, 12);    }  }

 //if (agentsAlpha >= 10) {  //  for (int i=0; i<agentsAlpha; i++) {  //    delay(200);  //  }  //}  //else {  //  for (int i=90; i<agentsAlpha; i--) {  //    delay(200);  //  }  //}

 //drawGUI(); }

void keyReleased() {  //if (key=='m' || key=='M') {  //  showGUI = controlP5.getGroup("menu").isOpen();  //  showGUI = !showGUI;  //}  //if (showGUI) controlP5.getGroup("menu").open();  //else controlP5.getGroup("menu").close();

 if (key == '1') drawMode = 1;  if (key == '2') drawMode = 2;  if (key=='s' || key=='S') saveFrame(timestamp()+".png");  if (key == ' ') {    int newNoiseSeed = (int) random(100000);    // println("newNoiseSeed: "+newNoiseSeed);    noiseSeed(newNoiseSeed);  }  if (key == DELETE || key == BACKSPACE) background(255, 0, 12); }

String timestamp() {  return String.format("%1$ty%1$tm%1$td_%1$tH%1$tM%1$tS", Calendar.getInstance()); }

Door veel het code te doorlezen en veranderingen te maken komen we stukje bij beetje meer en meer bij de kennis die er nodig is om de code aan te passen en werkend te krijgen.

Het geluidsprobleem hebben we opgelost, in iedere computer zit een ingebouwde microfoon. Deze kunnen we in processing uitlezen en gebruiken als data. Omdat het een bestaande code is met een menu waar een aantal parameters aangepast kunnen worden hebben we het geluid gekoppeld aan de parameter van de noise strength. Als er nu geluid binnen komt veranderen de stromingen op het beeldscherm.

Hierboven is het stil.

Dit is als er een gebrabbel in de kamer is.

De baby zou nu aan het huilen zijn.

Om te zorgen dat we kleuren gebruiken die ook goed voor de baby zijn ben ik dat gaan onderzoeken.

Daarbij kwam ik erachter dat van de lavender kleur baby’s rustig worden en een kans krijgen om te ontspannen.

We kiezen bewust ervoor om de ouders en de baby twee verschillende display’s te laten zien. Het onderscheid zit hem vooral in het kleurgebruik.

De werking van het prototype tot nu toe. We zijn al een flink eind met wat we in gedachte hebben en wat het nu aan het worden is.

Voordat de presentatie van ons product is hebben we nog eerst om feedback gevraagd waarbij we te horen kregen dat er nog niet veel onderscheid is tussen de ouders en baby en daarnaast er geen indicatie is wanneer de baby echt aan het huilen is. Daarom hebben we een icoon toegevoegd.

Nu het bijna tijd is om het op te leren is het ook tijd om een prototype te maken. Want het idee is om een lamp op de babykamer neer te zetten maar daar alles in. Het maken van het prototype is mijn verantwoordelijkheid. We hebben een kleine beamer dus het idee is om een kast om de beamer te maken zodat alles netjes erin past.

De lamp heb ik gevonden bij de kringloop en de beamer past er perfect in.

De kap ziet er niet uit dus heb deze met een metallic spray overgespoten.

Een lens voor de beamer alleen door het gat te laten schijnen, al meteen is duidelijk dat ik hier een inschattingsfout heb gemaakt en moet daarom en nieuwe lens snijden.

Naar 45 minuten schuren dat past de lens perfect erin en blijft de beamer op de plek zitten.

Het prototype is af, Rick is nog bezig geweest met een paar laatste aanpassingen met betrekking tot de code.

De opzet op de expositie is anders geworden dan gedacht, de kleine beamer is kapot en er is geen vervangende vandaar dat we een beamer hebben moeten plaatsen onder het prototype.

De werking van het prototype:

De feedback van de persoon vanuit Philips was niet wat we verwacht hadden..

“Als het de eerste seksuele voorlichting van de baby is was het perfect, nu zie ik dit nog niet werken.“ - aldus ons contactpersoon vanuit Philips.

Dit betekend niet dat we het hierbij laten aangezien we alle drie dit product willen doorontwikkelen en het naar een hoger niveau willen tillen.

[meaningfuldatadesignluc]

Tumblr

Blijkbaar denkt Tumblr dat mijn proces van 3D Thinking adulte content is..

Afwachten wat ermee gedaan wordt.

[meaningfuldatadesignluc]

3D Thinking -  Maan cyclus

Bij de vorige workshop heb ik met behulp van drop de cyclus van de maan kunnen weergeven, bij de opvolgende workshop wil ik daar de focus op blijven houden. Daarom heb ik ervoor gekozen om een lamp te maken die de cyclus van de maan representeert.

Ben begonnen met het maken van een klei en een hout prototype om weer te geven wat de gedachte/werking achter de lamp is.

Nu dat het prototype van hout goed is en werkt wil ik verder gaan met de klei versie.

Wachten tot het droog is....

Het is erg fragiel maar het is een interessante vorm.

De eerste test ziet er naar uit dat de lamp moet kunnen werken vanuit de klei mal.

Heb een motor met daarbij twee neo-pixels verwerkt in een klein houten constructie waardoor het mogelijk is om alles bij elkaar te houden. Het code is simpel:

Nu de techniek achter voor de maan rotatie werkt is het tijd om de klei kap te gaan versterken met beton. Beton heb ik gekozen omdat de lamp hangt en heel het gewicht moet kunnen ondersteunen.

Doordat het begon nat is, is de klei ook weer nat geworden.

Doordat de klei nat werd is er een deel van de klei mal kapot gegaan. Deze zet ik later terug erop d.m.v. lijm.

Droogtijd is 6 dagen tot het helemaal droog is om te gaan schuren om de binnenkant klaar te maken voor de techniek.

Het beton is lastig om voorzichtig weg te schuren zonder de klei mal kapot te maken. Nu het schuren voor een groot gedeelte klaar is, is het duidelijk dat de kap die de maan moet voorstellen veel t groot is om nog te kunnen draaien binnen in de lamp. Daarom moet de kap kleiner.

De kerstbal past goed in de mal, heb een draad gemaakt om de kerstbal om de radius te kunnen overzetten naar de halve ronding. Nu weer terug naar kijken of het past in het prototype.

Helaas is de ophanging afgebroken binnen de lamp.

oeps....

Gelukkig weer gemaakt, ook nog eens beter zo want de “lamp“ kwam te ver naar voren waardoor het niet eens in de kap past.

Nu dat het bijna past is het tijd om te beginnen met het inbouwen van de apparatuur.

Het gat zit erin en de kap is nog heel.

De eerste test fit door het gemaakte gat om te kijken of alle kabels er doorheen gaan passen.

Met een lijmpistool de bovenste constructie vastgemaakt aan het beton.

Het lijmpistool heeft het project helaas niet overleeft...

De lamp past erin, de draai kan nog niet helemaal gemaakt worden. De laatste kleine aanpassingen zijn nog nodig.

[meaningfuldatadesignluc]

3D Thinking

[meaningfuldatadesignluc]

CBS - Eenzaamheid

Het bezoek aan CBS was interessant, aan de hand van hun onderzoek naar eenzaamheid kwam bij mij de vraag omhoog “hoe zit het met de laag geletterde of immigranten“. Het laatste deel van de vraag is mij bij blijven hangen omdat ik een aantal immigranten onder andere uit Sierra Leone, Syrië, Palestina ken. Hoe zit het in de toekomst, is daar een risico factor?

Vragen zoals hoe ontstaat eenzaamheid onder migranten is dan een interessant vraagstuk. Daarom ben ik met een vriend die vanuit Palestina (Hassan) naar Nederland gemigreerd is (11 maanden geleden) gaan praten. Om tot meer antwoorden te komen, hij ontving mij hartelijk en werd uitgenodigd om bij hem thuis te komen en het onderwerp te bespreken. De verhalen achter de barre tocht naar Nederland zijn hartverscheurend mede hierdoor wil ik mij volledig in het onderwerp onderdompelen.

Uit het gesprek met de familie van Hassan kwam sterk naar voren dat trouwen binnen eigen cultuur belangrijk is en deze aannamen wil ik verder gaan onderzoeken.

Samen met Hassan ben ik naar het AZC in Emmen geweest om hier met mensen uit Syrië en Palestina te spreken en te vragen tegen welke punten hun aan lopen hier en hoe hun nu eventueel al eenzaamheid zouden ervaren.

Punten die voor eenzaamheid zouden kunnen zorgen:

Familie

Taal en cultuur barrière

Weinig vrouwen van eigen cultuur (niet iedereen was het hier volledig mee eens).

Gastvrijheid van de Nederlanders

Landschap “het is allemaal plat“ - Heimwee

Temperatuur - heimwee

Specifieke producten (zoals een Palestijnse man zei “Olijf zeep“)

Deze punten wil ik gaan vergelijken met data die ik online kan vinden. Het verhaal achter de reis naar Nederland wil ik ook iets mee doen, in welke vorm weet ik nog niet.

Mocht je ooit de mogelijkheid hebben om naar een AZC te gaan en te praten met de bewoners daar zou ik het sterk aanraden. Het zijn onwijs aardige mensen die open staan voor gesprekken, de verhalen zijn bewonderenswaardig op z’n minst.

De taal is vooral een moeilijk punt voor de meeste, op latere leeftijd een nieuwe taal leren die niks lijkt op hun eigen taal is lastig. Hassan spreekt zelf Nederlands redelijk goed, dit komt omdat hij veel onder de mensen is en alleen maar Nederlands wilt spreken.

Taal is iets dat ons allemaal verbind, er is op de wereld maar één taal die niet afgebroken wordt door enters en dat is Ogham, Ogham is een taal die uit de middeleeuwse tijd  rond Noord-Ierland komt en niet afgebroken wordt. Het wordt voornamelijk rond stenen geschreven om de verhalen te vertellen van het individu. Dit spreekt mij erg aan en wil dit meenemen in mijn uitwerking omdat het voor mij een verbinding cre��ert.

Met al deze informatie ben ik naar Brenda gegaan voor feedback. Heb uit het gesprek een nieuwe invalshoek gekregen en het advies was om met storytelling aan de slag te gaan zoals http://soldierbrother.nfb.ca/ dat gedaan heeft.

Aan de hand van objecten per wordt hier een verhaal verteld door een zus van een soldaat met behulp van storytelling wordt het een stuk krachtiger. Als ik dit zou kunnen doen ben ik heel blij, er is al aangegeven dat de migranten uit Palestina hun olijfzeep missen iets dat hun doet denken aan thuis. Op deze manier kan ik ook alle verhalen eraan gaan koppelen.

Nu ik het idee heb is het tijd om de data erbij te gaan zoeken om zo tot een mooi verhaal te komen. Echter stuitte ik hier al snel op problemen, er is geen data bekend over de landen waarvan ik de mensen gesproken ben en heb niet genoeg tijd om zelf de data te verzamelen dus het idee moet op de schop.

Landen waar ik wel data van kan vinden en een prognose heeft zijn Marokko, Suriname en Turkije. De prognose is belangrijk omdat ik een riskscenario van eenzaamheid wil bereken onder migranten.

Deze cijfers kan ik vergelijken met een aantal andere punten om op basis daarvan een risicofactor te gaan bepalen. Dat doe ik door alle punten door te bereken naar eerst mannen en vrouwen los en dat per jaar.

Nu ik alle data  berekend heb kan het ontwerpen gaan beginnen.

Kleurenpallet

Door de verschillende “bolletjes“ is het mogelijk onderscheid te kunnen maken tussen verschillende landen.

Heb het nog in een marvel app gemaakt zodat je de verschillende landen met elkaar kan vergelijken.

https://marvelapp.com/480h0ej/screen/49854123

De feedback van het CBS tijdens de expo was interessant “Dit is een mooi project voor bij het CBS uit te voeren.“

[meaningfuldatadesignluc]

Processing

Huiswerkopdracht

Maak een generatieve datavisualisatie aan de hand van data van KNMI.

De data

De visualisatie

[meaningfuldatadesignluc]

Aantekeningen Processing

// AANTEKINGEN

// CMD + T voor het goed aanpassen van de uitlijning

Header bij data is ervoor om te zorgen dat het excel bestand vanaf rij 2 uitgelezen wordt.

// Les 2 // kwantitatieve data is getallen // kwallitatieve data is tekst // webscraping is een techniek om data uit websites te halen , structuur te geven en in een database te zetten. // API = application programming interface // API = altijd door de eigenaar gemaakt dus weet welke data er uit komt.

// vergeet niet de bilbliotheek te instaleren

// FF0000 - FF = rood, groen, blauw // Dit is 100% rod // 00FF00 = 100% groen

// section, header en footer zijn siblings (van de body)

// =IMPORTHTMl // =IMPORTPHP // =IMPORTXML // =IMPORTXML("http://shakespeare.mit.edu/romeo_juliet/full.html"; "//a") // //h3 = selecteer alle <h3> elementen // [@class='name'] = slecteer alle elementen met een class "name" // //h3[@class='name'] selecteer alle <h3> elementen met een class "name" // =IMPORTXML("http://shakespeare.mit.edu/romeo_juliet/full.html"; "//h3") // //p/i = selecteer alle <i> elementen met children van een <p> element // //a[contains(@name,'speech')] = selecteer alle <a> elementen met de tekst "speech" als name atribuut // =IMPORTXML("http://shakespeare.mit.edu/romeo_juliet/full.html"; "//a[contains(@name,'speech')]")

// Dit is om specifiek op een woord te zoeken // =IMPORTXML("http://shakespeare.mit.edu/romeo_juliet/full.html"; "//blockquote/a[text()[contains(.,'Romeo')]]")

// https://regexr.com/ // \s[a-z]{5}\s = voor alleen tekst te zoeken van 5 letters precies

//basis commnts // size() - groott van display // printIn()- schijf in de console // backgound() kleur // noStroke() // fill(color, alpha)    (alpha = transparant) // noFill() // frameRate() /* variablenen - kunnen niet beide cijfers en letters veranderen int    = alleen cijfers string = alleen tekst

RANDOM random(low,high) nois(x,y) Perlin Noise

positie  0    1    2    3    4  eerste element in een array staat op positie 0 int[]a={100, 200, 300, 400, 500} of int[] b = new int[3]; int[] = data type

int[] a = {500, 5, 30}; a = append(a, 400); println(a[4]);

de uitkomst hiervan zou 400 zijn omdat het de 4de plek is in de rij

sort doet eerst de cijfers en dan pas de letters (zet alles in alfabetische volgoorde).

TRANSFORMATIES

translate() scale(x) rotate() pushMatrix() popMatrix()

Interacrie

void keyPressed(){} void keyreleased(){}

void keyPressed(){  background(int(random(0, 255)));  if(key=="l"){    background(255, 0,0);  } }

mousX    = huidige positie van de muis mouseY   = huidige positie van de muis pmouseX  = laatste positie van de muis pmouseY  = laatste positie van de muis

[meaningfuldatadesignluc]

Graphic design - Wit ruimte

[meaningfuldatadesignluc]

Fonts and diseases History

[meaningfuldatadesignluc]

Romeo & Juliet

Het verhaal van Romeo en Juliet is op veel manier vertaald en geïnterpreteerd, nu ben ik zelf dyslectisch en wil afstappen van het werken met de tekst zelf.

Mijn eerste gedachtegang was te gaan onderzoeken welke kleding er tijdens het theaterstuk van W. Shakespeare gebruikt werden, waar deze stoffen vandaan kwamen en dat te visualiseren. Al snel kwam ik er achter dat dit niet te doen is om uit te zoeken waar alle stoffen vandaan kwamen. Het verhaal van W. Shakespeare is ook niet het originele Romeo & Juliet verhaal dat geschreven is en daarmee was het meteen en stuk minder interessant.

Muziek heeft mij altijd erg geïnteresseerd, Romeo & Juliet is een inspiratiebron geweest voor veel verschillende componisten en muziekliefhebbers. Iedere componist heeft zijn eigen interpretatie gegeven aan Romeo & Juliet. Bij mij riep het de vraag op of het mogelijk is het verhaal van Romeo & Juliet te vertellen door middel van verschillende bestaande composities. Daarom ben ik onderzoek gaan doen naar de verschillende en composities soundtracks van films.

Tijdens dit onderzoek stuitte ik op de componist Giovanni ‘Nino‘ Rota, hij heeft de soundtrack gecomposteerd voor de eerst Romeo & Juliet film in 1968. Deze soundtrack is uitgebracht op grammofoonplaat, daarmee kwam meteen een idee omhoog.

Concept 1

Concept 2

Het is interessant om het volledig in processing te maken zodat je verschillende nummers kan importeren en deze vervolgens de geluidsgolven elkaar kunt vergelijken. Daarmee is het onderzoek naar hoe dit mogelijk is begonnen.

Voor mij bleek het echter te lastig om te maken binnen de vier weken van het project en ben daarom overgestapt op het grafisch te maken i.p.v. interactief.

Fragmenten

Om te bepalen welke geluidsfragmenten samen een (voor mij) kloppend Romeo & Juliet verhaal maken ben ik secties gaan maken van verschillende composities. Per compositie heb ik een fragment van 30 seconde gepakt zodat het kort is en allemaal de zelfde lengte heeft, dit helpt bij het vergelijken van de geluidsgolven. Daarbij kwam ik op de volgende volgorde uit:

Deze fragment heb ik vervolgens omgezet in geluidsgolven door middel van https://www.misha.studio/waveformer/ .

Vervolgens heb ik alleen de positieve golf gehouden.

Vervolgens heb ik alle data bij elkaar gevoegd voor de poster voor de expo.

Bij de expo heb ik nieuwe feedback ontvangen en ben hiermee aan de slag gegaan.

Eind visualisatie Romeo & Juliet

[meaningfuldatadesignluc]

Workshop fotografie

[meaningfuldatadesignluc]

Top 100 English novels

Voor het eerst aan de slag met een data set, waar te beginnen.

Het moeilijke aan deze opdracht is een verhaal erin te vinden die je kunt gaan vertellen, dat ook nog interessant en gelaagd is. Daarom ben ik begonnen met sorteren op land van herkomst, aangezien het allemaal Engels geschreven boeken zijn is het overschot vooral uit Groot Brittannië en Ierland. Daarnaast ben ik gaan kijken welke data er nog meer bij gevisualiseerd kan worden.

Nu de informatie duidelijk is wat ik wil gaan bedenken is het tijd voor de ontwerpfase. Ik ga op de kaart van Groot Brittannië en Ierland de bovenste data plotten.

De data

Boek naam

Rang nummer van de lijst

Auteur

Geboortejaar

Overlijdensjaar

Land van herkomst

Stad

Man/vrouw

Hoe kan ik zoveel informatie weergeven dat er ook nog rustig uitziet? Daarom ben ik digitaal begonnen met schetsen.

Voorbeeld nummer 25 (A Passage to India) ziet er rustig en clean uit. Om te zien hoeveel informatie er in totaal op komt heb ik de bovenstaande data verwerkt.

Dat zijn 32 van de 100 boeken, nu ze allemaal erin staan moet ik nog kijken waar ieder auteur vandaan komt. Om onderscheid te maken tussen de verschillende steden heb ik besloten om met kleuren te gaan werken, iedere stad krijgt zijn eigen kleur (in het rondje dat achter de rang staat).

Nu alle data erin staat ga ik deze data over de kaart van Groot Brittannië en Ierland plaatsen.

Heb dit geprint en ben naar Brenda gegaan voor feedback. De feedback is duidelijk, kijk nogmaals naar de kleuren van de steden, de titel en de streepjes tussen de jaartallen.

Ben gaan kijken hoe de titel meer tot zijn recht komt. Hoe ik de kleuren wat helderder krijg en heb de bolletjes achter de rang groter gemaakt.

Het eindproduct

Heb alleen de streepjes tussen de jaartallen nog niet verandert.

[meaningfuldatadesignluc]

The sence and nonsens of Rotterdam - Individueel

Door de bewoners van Rotterdam te fotograferen heb ik een algemeen beeld van de mensen per wijken. Omdat iedereen samen Rotterdam vormt ga ik de Rotterdam opnieuw op de kaart zetten met de gezichten van de bewoners.

Ruwe schets van het idee:

Om te kijken hoe dit eruit ziet en om feedback te ontvangen heb ik een aantal voorbeelden gemaakt.

De feedback was heel duidelijk, welke informatie wil ik hier communiceren? Terug naar het schetsbord om te kijken welke data heb ik nog meer en wat kan ik hiermee?

Concept - Eye colors of Rotterdam

De data:

Oogkleur

Groen - 25%

Bruin - 43,3%

Blauw - 31,7%

Bril dragend - 28%

Man - 42%

Vrouw - 58%

Deze data wil ik vertalen in een simpele vorm dat iedereen over heel de wereld begrijpt waar het over gaat.

De verdeling van de verschillende vlakken.

De eerste schets van het concept. Vind het persoonlijk het oog goed eruit komen op de witte achtergrond, je oog wordt er meteen naar getrokken.

De data van de brildragende, mannen en vrouwen is subtiel, wel aanwezig maar niet te sterk dat de aandacht er naar getrokken wordt. Het doel is om als eerste binnen te komen op het oog.

Er mist voor mij nog iets, het is te rustig.

De extra laag in de achtergrond maakt het voor mij interessant, dit komt omdat het een toegevoegd waarde heeft met betrekking tot het communiceren van de oogkleuren.

Dit is een saaie vorm, mijn aandacht wordt direct naar de titel getrokken vanuit daar kijk ik meteen naar het onderste van de pagina. Wel vind ik de grootte van de onderste data zo meer tot zijn recht komen.

Het eindproduct

Voor mij communiceert dit duidelijk wat ik wil vertellen.

Tijdens de expo heb ik nieuwe feedback ontvangen.

Misschien dat ik op een later tijdstip terug kom op de feedback om deze te verwerken.