dinsdag 6 mei 2014

Care Full Technology gewonnen!!!

Op 30 maart was het om 10u onze beurt. We waren de eerste groep die hun presentatie van 20 minuten mocht geven aan de jury. Daarna was er een vragenronde van 15 minuten. Later die dag, rond 18u hebben we vernomen dat de jury ons gekozen had als de winnaars van Care Full Technology. Matias, Kevin en ik hebben elk een combo-ticket van Werchter gewonnen ter waarde van 200 euro!

Ik vond het heel leuk om deel te nemen aan de wedstrijd en zou het zeker opnieuw doen. Ons werk zit er echter nog niet op. Momenteel halen we de laatste bugs uit onze applicatie, en na de examens zullen we onze eerste testfase ingaan. Dan gaan we de applicatie installeren bij de opdrachtgever. Vanaf dan wachten we af hoe de bewoners hierop zullen reageren.

Groetjes

Jessica

dinsdag 22 april 2014

Terugkomendag

Hallo iedereen!

Vandaag was de terugkomendag van Care Full Technology. Nadat we een korte presentatie hebben gevolgd en ons paper hebben ingediend, zijn Matias, Kevin en ik op bezoek geweest bij De Waaiberg. Hier hebben we onze applicatie voorgesteld aan meneer Vansteelant, mevrouw Soenen en het begeleidend personeel van de zorginstelling. We hebben hun zoveel mogelijk gevraagd om feedback zodat we de applicatie zo goed mogelijk naar hun wensen kunnen voltooien.

We hebben vooral positieve reacties gekregen van het personeel. Qua lay-out van de dagplanning, hebben we als feedback gekregen om meer marge te laten tussen de activiteiten zodat het nog duidelijker wordt voor de bewoners.

Na een kleine aanpassing zie je een duidelijkere marge tussen twee activiteiten:



Ook hebben we uitgekeken naar een haalbare oplossing voor het probleem wanneer niet alle activiteiten op het scherm weergegeven kunnen worden, bv wanneer er meer dan 3 activiteiten zouden plaatsvinden op éénzelfde ochtend, middag of avond. Dit zou in de toekomst opgelost kunnen worden door het apart weergeven van deze activiteiten gedurende ongeveer 20 seconden tijd. Verder hebben we nagedacht over een pictogram dat een groepsactiviteit voorstelt zodat dit ook plaats kan besparen. Een voorbeeld hiervan zou een groepsfoto zijn, het getal van de leefgroep of een vooraf afgesproken pictogram.

Momenteel zullen Matias, Kevin en ik werken aan de presentatie die we op woensdag 30 april zullen houden voor de jury. Op die dag weten we ook wie de winnaar is van Care Full Technology 2014. Matias zal deze week ook nog de WPF-applicatie afwerken zodat de volledige applicatie klaar is op 30 april voor demonstratie.

We kijken al uit naar woensdag!

Groetjes

Jessica

dinsdag 15 april 2014

Afgewerkte dagplanning

Hallo iedereen!

De weergave van de dagplanning is eindelijk af! Na goedkeuring van alle teamleden tonen we jullie trots ons eindresultaat van de dagweergave:


Op het scherm zie je drie indelingen: voormiddag, namiddag en avond. De verticale balk met de tijdsaanduiding, activiteit en begeleider heb ik intussen horizontaal gemaakt. De activiteiten in de ochtend hebben een groene kleur, die in de namiddag een gele en die in de avond een blauw-paarse kleur. De horizontale balk bovenaan is bewust donkerder gemaakt dan de rest om goed het onderscheid te zien tussen de activiteitstitel en de bewoners die deelnemen aan deze activiteit. De foto's van de bewoners zijn gegroepeerd in rijen van 5 en hebben intussen allemaal dezelfde afmetingen gekregen. De afmetingen van de post-its worden automatisch aangepast naargelang het aantal bewoners dat deelneemt aan de activiteit. De activiteiten van vandaag worden automatisch weergegeven. Wanneer de dag bijvoorbeeld om is en er een nieuwe dag begint, zullen de activiteiten van deze dag automatisch getoond worden bij het vernieuwen van de pagina.

Wat ik de voorbije dagen allemaal heb gedaan buiten het afwerken van de lay-out:

Weergave van een klok aan de hand van het ingegeven uur

Ik heb een pictogram van een klok afgehaald op Sclera.  Daarna heb ik via Paint de wijzers in die klok wit gekleurd zodat deze niet meer te zien waren. Nu bekomen we dus een klok zonder wijzers.




De bedoeling was dus dat de wijzers er automatisch op kwamen aan de hand van het uur dat de gebruiker ingegeven had in de database. Op die manier is het mogelijk om bij elke activiteit een tijdsaanduiding weer te geven. Hiervoor heb ik een aparte methode geschreven die de wijzers tekent. De klok zelf wordt nergens opgeslagen maar automatisch bij het vernieuwen van de pagina bij de juiste activiteit afgebeeld.

Hieronder zie je het stukje code dat hiervoor zorgt:



De methode neemt een String met de tijd als parameter. Tekent de wijzers met de juiste tijdsaanduiding op de blanco klok en retourneert deze afbeelding.

De dagplanning weergeven naargelang de leefgroep

Om de activiteiten weer te geven van één bepaalde leefgroep, heb ik volgende stappen ondernomen:

Ik heb een methode geschreven die de dagplanning weergeeft op basis van het leefgroepid, bijvoorbeeld 2. Wanneer je de dagplanning wilt raadplegen zonder dat je een leefgroepid opgeeft zal je deze pagina te zien krijgen in je browser:

Deze pagina maakt duidelijk aan de gebruiker dat er geen leefgroepid is opgegeven in de url en geeft een voorbeeld van een juiste url. Het voorbeeld wordt weergegeven aan de hand van een stuk code die de domeinnaam van de server waarop de applicatie draait weergeeft samen met de poortnummer. In mijn geval is dat localhost:11654.

De bedoeling is om in de url het leefgroepid op te geven. Wanneer je bijvoorbeeld alle activiteiten wilt zien van leefgroep 2, zal de juiste url er zo uitzien:


/?leefgroepid=2 wordt dus toegevoegd aan de oorspronkelijke url http://localhost:11654. Opdat de gebruiker niet keer op keer dit stukje tekst moet toevoegen aan de oorspronkelijke url, bestaat er de mogelijkheid om de pagina op te slaan bij favorieten of als startpagina. Op die manier zal de pagina met de volledige url automatisch worden opgestart.

Het is ook mogelijk om bewoners uit verschillende leefgroepen te laten deelnemen aan één activiteit. In dit geval zal deze activiteit getoond worden in de dagweergaven van beide leefgroepen. In de activiteit worden alle bewoners getoond, dus ook de bewoners van de andere leefgroep.

Ik ga mailen naar De Waaiberg om te vragen of zij het een goed voorstel vinden dat de bewoners van de andere leefgroep getoond worden, of als ze liever zouden hebben dat dit niet gebeurd. In dat geval kan de applicatie altijd aangepast worden.

Groetjes

Jessica













zaterdag 12 april 2014

Momentele toestand van de dagweergave

Hallo iedereen!

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


dinsdag 8 april 2014

Ontwerp dagplanning + opzoeken pictogrammen

Hallo iedereen.

Ik heb vandaag een mogelijk ontwerp van de projectie van de dagplanning opgesteld in Photoshop. Dit ontwerp is wel nog niet helemaal af. Ook heb ik pictogrammen opgezocht via de website van Sclera.

Het ontwerp in Photoshop:

Idee dagplanning in Photoshop

Enkele pictogrammen:
Bowling


Karaoke

Naar huis

Bezoek tandarts

Jarig
Groetjes

Jessica


maandag 7 april 2014

De GUI in WPF

Hallo Allemaal,

Ik heb mij de voorbije dagen / weken bezig gehouden met het ontwikkelen van de Grafische interface van de applicatie. Dit houdt in dat ik het de knoppen, lijsten, positionering, ... van de interface voor de begeleiders ontwikkeld heb.


Ik heb geprobeerd om dit ontwerp simpel maar duidelijk te maken. Zo heb ik geprobeerd om zoveel mogelijk te werken met pictogrammen op de belangrijkste knoppen. Dit maakt het ontwerp minder strak en aangenamer om te gebruiken. Ik heb ook geprobeerd om te werken met een kleur die past bij het logo van De Waaiberg.

De hele applicatie heeft tevens ongeveer dezelfde manier van opbouw met uitzondering van het startscherm. Bovenaan ieder scherm vindt u het Logo van Unie-k terug. Dit is het logo van de VZW waaraan De Waaiberg gekoppeld is. Daaronder bevindt zich een titel die kort maar krachtig beschrijft waar het scherm betrekking toe heeft. Daaronder wordt de content van het scherm weergeven. Dit kan gaan om enkele invulvelden met knoppen, listviews met gegevens van bewoners, .... Als laatste onderaan het scherm bevinden zich de belangrijkste knoppen van het scherm die telkens bestaan uit een afbeelding met tekst.

Mijn grootste uitdaging was om schermen te ontwikkelen die mooi ogen op ieder scherm. Aangezien de schermen waarop ik ontwikkel anders zijn dan de schermen in De Waaiberg, diende ik hierop te anticiperen.

Ik heb deze schermen ontwikkeld in Windows Presentation Forms. Dit is een Lay-out gebaseerd op XAML. Deze WPF-schermen zijn ontwikkeld in Visual Studio 2012.

De volgende stap in ons project is de Lay-out koppelen aan de verschillende lagen die Jessica ontwikkeld heeft.



zondag 30 maart 2014

Schrijven van de databaselaag en de transactielaag

Hallo iedereen!

Vandaag heb ik de basis van de databaselaag en de transactielaag geschreven.
Dit wil zeggen dat we bijna mogen beginnen aan de interface van de applicatie, datgene dat de gebruiker te zien zal krijgen. De lagen zijn geschreven gebruikmakend van het Entity Framework. Hieronder ziet u enkele screenshots van de code die we geschreven hebben.

Groeten

Jessica




De databaselaag van bewoner:



De transactielaag van bewoner: