De voorbije dagen ben ik druk bezig geweest met de weergave van de dagplanning. Verder hebben we besloten om het ontwerp uit vorige post NIET te gebruiken voor de weergave. De reden hiervoor is dat we op deze manier nooit of heel moeilijk alles op het scherm zullen krijgen. Dit is duidelijk geworden toen ik begonnen ben met het ontwerp effectief om te zetten in HTML5 en CSS en de gegevens uit de database weer te geven in de weergave.
Om dit probleem op te lossen hebben we de kolommen verticaal geplaatst in plaats van horizontaal. Ook heb ik de titel waarin de dag staat weggelaten om plaats te besparen. Ik zat met het idee om de weergave te projecteren net zoals een prikbord. De drie kolommen zijn onderverdeeld in voormiddag, namiddag en avond. Boven elke kolom staat er een pictogram die de indelingen weergeven. De kolommen en achtergronden hebben dezelfde kleur. De activiteiten die in de database opgeslagen zitten worden elke dag automatisch op dit scherm weergegeven. Een dag zonder activiteiten zou er dus zo uitzien:
De verschillende activiteiten hebben een andere kleur naargelang het voormiddag, namiddag of avond is. Zo lijkt het een beetje of er verschillende post-it's geplakt zijn op het prikbord. Het is op die manier ook duidelijker bij welke groep de activiteiten horen.
Het scherm ziet er op dit moment zo uit:
Momenteel heb ik de activiteiten rechtstreeks via SQL Management Studio in de database toegevoegd. Hier is er nog geen controle op de afmetingen van de afbeeldingen. Maar wanneer de gegevens via de WPF applicatie van Matias ingegeven zullen worden, zullen alle afbeeldingen dezelfde afmetingen hebben. Ik heb namelijk een Webservice aangemaakt die afbeeldingen opslaat op de webserver en ze automatisch verkleint en dezelfde afmetingen geeft.
Ook zie je 3 afbeeldingen waar niets wordt weergegeven. Deze afbeeldingen zullen de tijdsaanduiding weergeven op basis van een klok. Hier ben ik nog aan bezig, daarom worden deze afbeeldingen nog niet weergegeven. Per activiteit heb ik de kleur links wat donkerder gemaakt. In deze donkerdere verticale "balk" komen, van boven naar beneden: het uur, de pictogram van de activiteit en de begeleider. Het uur en de begeleider zijn niet verplicht om weergegeven te worden. De kleur heb ik donkerder gemaakt om meer duidelijkheid te scheppen tussen de andere foto's. Deze balk staan momenteel verticaal, maar bij nader inzicht ga ik deze toch horizontaal zetten. De reden hiervoor is dat er op deze manier minder verspilling is van plaats. Wanneer je bijvoorbeeld de drie pictogrammen van klok, begeleider en activiteit ingevuld zijn en er maar 1 bewoner aan een activiteit deelneemt, is er meer plaats nodig dan wanneer deze balk horizontaal zou staan. De verticale balk neemt nu 3 rijen in beslag voor 2 bewoners, en wanneer hij horizontaal zou staan zouden dit maar 2 rijen zijn.
Alle activiteiten in de voormiddag zullen een groene kleur hebben, die in de namiddag een gele gevolgd door een blauwe kleur die de vroege avond voorstelt. Als tijdsindeling heb ik volgende tijden gebruik:
- alles voor 12 uur = groen
- alles van 12 uur tot 17u59 = geel
- alles na 18 uur tot middernacht = blauw
Wanneer je dus via de beheerszijde ( de WPF applicatie die Matias gemaakt heeft ) een activiteit toevoegt die vandaag plaatsvind om half elf, zal deze in de eerste kolom verschijnen en een groene kleur hebben. Stel dat er 15 bewoners aan deze activiteit deelnemen, dan wordt de groene post-it automatisch aangepast en eventueel groter gemaakt. Op deze manier passen er altijd genoeg pictogrammen in de post-its en zit je niet met plaatsoverschot wanneer er maar 2 bewoners aan een activiteit deelnemen. In een kolom is er momenteel plaats voor maximum 3 verschillende activiteiten.
De komende dagen ga ik testen of er problemen kunnen opduiken wanneer er drie grotere activiteiten zijn in dezelfde kolom en ga ik de dagweergave verder afwerken.
Groetjes
Jessica
Geen opmerkingen:
Een reactie posten