Auteurs:

Docenten

Inhoudsopgave

Inleiding

Voor de door ons op te leveren product is het belangrijk dat het dashboard makkelijk te bestuderen is en er dus overzichtelijk uitziet. CSS kan hierbij helpen. Met deze reden is het gebruik van een framework hiervan een heel fijn voordeel. In dit onderzoek gaan we opzoek naar de voor ons best mogelijke framework. Wij zullen kijken naar wat wij willen bereiken en zullen daarop gaan afstemmen.

Hoofd- en deelvragen

Dit is onze hoofdvraag: 
'Welk CSS-framework is het beste te gebruiken voor de gestelde criteria bij de door ons te maken web applicatie?'

Om deze vraag te kunnen beantwoorden zullen we dit in kleinere (deel)vragen opsplitsen om zo tot een goed onderbouwd antwoord te komen. De deelvragen zijn als volgt:

• Welke frameworks zijn er beschikbaar?
• Welke criteria is belangrijk?
• Hoe scoren de gekozen frameworks op de criteria?

Na het beantwoorden van deze deelvragen hopen wij een duidelijk antwoord te krijgen op onze hoofdvraag.

Welke frameworks zijn er beschikbaar?

1. Bootstrap
2. Bulma
3. Skeleton
4. Materialize

Dit is een heel klein deel van de frameworks die er zijn, maar het lijstje zijn de frameworks die het meest interessant eruit zien voor onze doeleinden. Hier zullen wij later op in gaan.

Welke criteria is belangrijk?

Om te bepalen welke framework het best bij ons project past, is het belangrijk om criteria op te stellen wat specifiek handig is voor ons project. Dit zorgt er voor dat je de juiste framework eruit filtert. De criteria die ik heb bedacht om de beste framework voor ons te krijgen is:

Om de criteria wat duidelijker te krijgen worden ze hieronder uitgelegd:

• CR1 Documentatie: hier wordt gekeken naar hoeveel er te vinden is op het internet. 
• CR2 Complexiteit: hier wordt gekeken naar hoe makkelijk er mee te werken is.
• CR3 Leesbaarheid: dit gaat over hoe leesbaar de code is met het gebruiken van die framework.
• CR4 Prototype: hier test ik hoe fijn het is om mee te werken en het resultaat natuurlijk.
• CR5 Onderhouden: dit deel gaat over hoe vaak te framework wordt geupdate en onderhouden.

Hoe scoren de gekozen frameworks op de criteria?

Om antwoord te krijgen op deze deelvraag ga ik een prototype maken voor elk gekozen framework. Voor ieder framework ga ik een kleine home pagina maken om zo een eerlijk oordeel te kunnen geven. 

Bootstrap

De homepagina die ik gemaakt met behulp van bootstrap ziet er als volgt uit:

Het was fijn om te gebruiken en gemakkelijk te installeren. Het heeft misschien een klein voordeel gehad aangezien ik al eerder gebruik heb gemaakt van bootstrap. Ik hoefde niet veel op te zoeken, maar op momenten wanneer ik hulp nodig had was er niet veel tijd voor nodig en ik had mijn perfecte oplossing al gevonden.

De beoordeling die hieronder staat is daarom ook zeer positief.

Op het gebied van documentatie zit het met bootstrap meer dan goed. Om iets te kunnen vinden hoef je alleen maar bootstrap plus de zoekterm van wat je wil weten in te vullen op een zoekmachine en er komen genoeg antwoorden. De complexiteit daarentegen is een ander verhaal. Het is zeker niet de lastigste framework wat beschikbaar is, maar je hebt zeker even nodig om het in je vingers te krijgen. Ook de leesbaarheid vind ik niet super na het implementeren van bootstrap. Wel is het zo dat je het makkelijk kan zien zodra je alle termen kent die in bootstrap gebruikt worden en aangezien wij als groep allemaal wel eens met bootstrap hebben gewerkt is dit geen groot probleem voor ons.
Tijdens het maken van de prototype ben ik niet vast komen te zitten en heb ik de home pagina redelijk vlot in elkaar gezet. De ervaring had daarbij een grote rol, maar ook de framework zelf. Bootstrap maakt het heel makkelijk om content te plaatsen waar je het wil en maakt het een stuk sneller. Dit zorgde ervoor dat er toch een mooie home pagina kwam te staan in een redelijk korte tijd. Over het onderhouden van bootstrap valt niks slechts over te zeggen. Bootstrap wordt nog steeds geupdate en verbeterd.

Bulma

Skeleton

Materialize

Conclusie

Literatuurlijst