Project Description
Leerdoel
De student kan een onderbouwde en verantwoorde keuze maken voor een combinatie van front-end frameworks met als doel een ontwerp (plan van aanpak) en test van een applicatie te maken.
Criteria
Kwaliteit van het begrip frameworks is verantwoord en op voldoende niveau wanneer:
- aangegeven kan worden wat standaard JavaScript code is en wat (JavaScript) code uit een framework is
- aangegeven kan worden wat voor type problemen een gevonden framework kan oplossen
- specifieke frameworks gevonden kunnen worden die helpen bij een gegeven probleemstelling
- een applicatieontwerp gemaakt kan worden, waarin frameworks en eigen code een plaats hebben
- kwaliteit van de applicatie(s) is verantwoord en op voldoende niveau wanneer:
– documentatie is geschreven zodanig dat hergebruik van code door anderen mogelijk is
– herbruikbare functies zijn gescheiden van applicatie specifieke logica
– via versiebeheer de code beschikbaar is voor anderen in het team
– er hergebruik van code is op minimaal teamniveau
– de applicatie getest is met gebruikers en zodoende verantwoord is
Mijn werk
Wat ik heb gedaan
Dit semester zijn we voor het vak development aan de slag gegaan met een aantal dingen, een daarvan was GIT. Tijdens mijn innovatieroute Smart Mobile in semester 3 ben ik ook al in aanraking gekomen met GIT. Ik vond het erg moeilijk om op te zetten en om er mee te werken was al helemaal een probleem. Ik heb toen een programma genaamd SourceTree gebruikt waardoor het een stukje makkelijker was. Met het gebruik van SourceTree werd het wel duidelijk hoe handig GIT is als het eenmaal werkt. Het was erg fijn om te zien hoe meerdere mensen aan de zelfde bestanden konden werken en dat er zelfs dan nog geen onenigheden ontstaan.
Mijn eigen Framework
Ook heb ik tijdens de lessen van Development een eigen framework gemaakt. Ik heb er voor gekozen om een slider te maken, de rSlider oftewel de RoySlider hiermee kunnen mensen later zelf een aantal dingen aan kunnen aanpassen zoals: slide snelheid, hoe lang de pauzes tussen de slides moeten zijn en of de slides van rechts naar links in komen, of dat de slides in komen gefade.
Hieronder staat in het kort uitgelegd hoe de slider werkt.
Stap 1: Het aanmaken van een HTML pagina
<div class=”container”>
<div class=”header”>
<h1>Slider</h1>
</div>
<div id=”slider”>
<ul class=”slides”>
<li class=”slide”><img src=”img/slide_1.jpg” alt=”Slider Image”/></li>
<li class=”slide”><img src=”img/slide_2.jpg” alt=”Slider Image”/></li>
<li class=”slide”><img src=”img/slide_3.jpg” alt=”Slider Image”/></li>
<li class=”slide”><img src=”img/slide_4.jpg” alt=”Slider Image”/></li>
</ul>
</div>
</div>
Stap 2: Linken aan het javascript bestand
je voegt deze links toe net voordat je de “body” tag afsluit.
<script src=”js/rSlider.js”></script>
Stap 3: Aanpassen naar eigen wens.
Onder de ingeladen javascript bestanden voeg je dit stukje code in om zo zelf een aantal dingen aan te kunnen passen.
Zo kun je 3 dingen aanpassen, 1: de snelheid waarmee de slides voorbij komen, 2: de pauze tussen elke slide en 3: de manier waarom de afbeeldingen in beeld komen. De snelheid en de pauze worden allebei gerekend in milliseconden. Bij de transition heb je de keuze tussen “slide” of “fade”. Standaard staat de slider op slide.
$(‘ul’).rSlider({
snelheid: 1500,
pauze: 1000,
transition: ‘slide’
});
</script>
Ook heb ik een demo online staan.
Het rSlider.js bestand
Wat ik heb geleerd
Scrum werd voor mij per week een stukje duidelijker. Ik heb ervaren dat het gebruik van scrum erg goed bij mijn persoonlijkheid past. Zelf heb ik namelijk niet een heel sterk concentratie vermogen en doe er alles aan om zo goed mogelijk te werken. Graag werk ik hard in korte periodes. Scrum heeft mij deze mogelijkheid gegeven omdat elke opdracht in kleine stukjes werd verdeeld.
Frameworks
Ik heb door de lessen van Development een hoop geleerd met betrekking tot frameworks, en het zelf maken daarvan aangezien ik dit zelf nog nooit had gedaan. Ik vond het erg mooi om te zien hoe simpel het uiteindelijk is voor een andere gebruiker om daarna aanpassingen te maken. Ik ga in het vervolg zeker meer werken op deze manier aangezien ik dan veel makkelijker dingen kan hergebruiken. Ik heb in de lessen ook nog een aantal coole frameworks gevonden zoals wow.js die werken met een groot aantal animaties. zelfs had ik al wel gewerkt met een aantal frameworks zoals flexnav en Smint, dus het werken met een framework was voor mij niet echt meer nieuw.
GIT
Voor dit semester vond ik GIT maar niks en gebruikte ik liever dropbox om versiebeheer bij te houden. Ik heb nog steeds niet echt een goed beeld van het werken met de command lijn en GIT, maar ik ben me er wel bewust van geworden hoe goed het in mekaar zit als het eenmaal werkt. Het is een handige tool, vooral bij het maken van grote projecten met een groot team.
Conclusie
Development was voor mij dit semester een vak wat mij erg nieuwsgierig heeft gemaakt in het zelf schrijven van frameworks en het werken met GIT. Ik ga mijzelf in de toekomst zeker meer bezig houden met het zelf schrijven van frameworks, vooral omdat ik erachter ben gekomen hoe makkelijk het is voor hergebruik in websites en gebruik voor klanten/opdrachtgevers.