Week 5
20 t/m 25 januari
Last updated
20 t/m 25 januari
Last updated
In deze week gaan we het eindproduct opleveren. Voordat we zo ver zijn hebben we nog heel wat punten door te voeren. Deze week zijn we begonnen met een brainstorm sessie en digitale schetsen van hoe het nu gaat werken.
Totale overzicht in een viewport. Je kunt inzoomen en dan kom je terecht in een overzicht die al meer lijkt op wat we hadden.
Voordat we de veranderingen gaan doorvoeren in het development gedeelte stellen we nog even een lijst op met wat er per onderdeel van de applicatie moet gebeuren.
Titel - aanpassen naar iets met winst
Filtermenu - zorgen dat er geen foutjes meer in zitten qua code (geen overlappende tekst, laten grenzen aan de header, genoeg marge) - het iconen knopje laten grenzen aan de onderkant van het menu
Procenten - scrollbar aan de zijkant weglaten en de procenten vanuit het midden naar de zijkant verplaatsen of de procenten in het midden verwijderen en de scrollbar verder uitwerken
Bolletjes - kleiner - Minder marge - Geen tussenstukken zoals dat nu is elke 10% - Kleuren aanpassen
Overzicht - In eerste instantie volledig overzicht waarin alle bolletjes te zien zijn - Optie om ergens op te klikken, een zoombutton waardoor je komt op de pagina zoals het er nu ongeveer uitziet. - Als je in de ingezoomde versie bent moet je kunnen zien waar je bent in het overzicht
Het was:
Welkom bij de winstlijn van Pointer. Op deze pagina hebben wij interessante data uit onze #ZorgCowboys onderzoeken uitgelicht.
Wil je liever zelf de sherriff uithangen? Dat kan! Ga op zoek naar zorginstellingen in het filter menu.
Iets opvallends gevonden? Stuur een tip via de knop bovenin de webpagina!
Het is nu:
Welkom bij de winstlijn van Pointer. Van boven naar onder zie je de grootste winst tot het grootste verlies wat wordt gemaakt door bedrijven in de zorg. Exploreer door de date en doe zelf onderzoek naar de zorgcowboys.
Filter in het menu de data te vergelijken! De bedrijven die in onze eerdere stukken over de zorgcowboys zijn voorgekomen zijn uitgelicht in de lijn.
Iets opvallends gevonden? Laat het Pointer weten
Na dit overzicht te hebben gemaakt wordt er begonnen met het herschrijven van de code.
Samenvatting
De afgelopen 5 weken hebben wij samengewerkt in een team met twee visual studenten (Jesse Ros en Eva Janssen) en één tech student (Lennart de Knikker). Het samenwerken ging eigenlijk vrij soepel. We kwamen zo'n drie keer in de week samen en werkte soms thuis nog door. Na elke meeting verdeelden we de taken, deze hadden we dan gedaan voor de eerstvolgende bijeenkomst. Zo bleven we steeds bij. Welke taken er zijn voltooid en door wie deze taken zijn voltooid is te vinden onze trello pagina. Als het goed is, is het einde van dit traject alles onder "done".
Daarnaast zullen wij kort tekstueel nog even toelichten per persoon wat onze rol in de groep is geweest.
Lennart
Aan het begin van het project heeft Lennart, nadat we een goed concept hebben bedacht, een beetje afzijdig gehouden van het ontwerp. Terwijl Jesse en Eva zich daarop stortten, is hij aan de slag gegaan om een script te schrijven die wat meer orde in de data kon scheppen en deze kon prepareren voor de latere visualisatie vorm.
Toen dit script klaar was en met enkele simpele instellingen geconfigureerd kon worden om de data zoals gewenst te exporteren, heb ik met de library d3js een eerste visualisatie gemaakt. De svg’s die daarmee werden gegenereerd gaven een goede indruk van de vorm die ons concept van de winstlijn zou krijgen. Daarmee konden we vaststellen hoe we verder konden werken en welke visualisatie vorm geschikt zou zijn voor ons concept. Deze svg’s bleken later ook voor Eva nog bruikbaar voor de posters. Na een verdere uitwerking van de schetsen heeft Lennart het grootste deel van zijn tijd bezig gehouden met het programmeren van de applicatie in Vue. Daar hebben we voortdurend iteraties op gemaakt naar aanleiding van feedback van pointer en de coaching sessies met docenten. Toen het coderen het grootste aandeel van ons werk werd, heeft Jesse een deel van de styling overgenomen. Binnen het Vue framework bleek dit erg prettig te werken. De css is daarin namelijk duidelijk gescheiden per component en erg overzichtelijk. Zodoende kon hij zijn tijd besteden aan het programmeren van alle functionaliteiten, waaronder bijvoorbeeld de miniatuur die we in de laatste week nog hebben toegevoegd.
Jesse
Aan het begin van het traject was het werk van Jesse en Eva best wel gelijk. De eerste weken waren voornaamste taken het digitaliseren van schetsen. Daarnaast hielp Jesse met het maken van de presentaties en het visueel meedenken over het uitwerken van features.
De laatste twee weken gingen Jesse en Eva allebei zich richten op aparte taken binnen het team. Jesse sloot zich aan bij Lennart en ging hem helpen met de code. Lennart deed natuurlijk nog steeds alle "lastige" en functionele code. Jesse hielp met de styling. Samen gingen ze de CSS van de datavisualisatie. Jesse nam bijvoorbeeld de volledige regie over het filtermenu, de header en de styling van de miniatuur.
Eva
Zoals al te lezen was hierboven had Eva aan het begin van het traject veel dezelfde soort werkzaamheden als Jesse. Daarnaast nam ze al snel de regie over de product biografie. De laatste drie weken heeft ze zich vooral gefocust op overzicht te houden in de vorm van gitbook bijhouden, taken verdelen en schetsen maken voor Lennart van de feedback. Aan het einde waren Jesse en Lennart vooral bezig met de code, Eva deed dan wat er voor de rest allemaal nog moest gebeuren.
Het eindresultaat wordt op een aparte pagina besproken [Winstlijn | Pointer]
