Home

De laatste 5 berichten

Week 5

Deze week ben ik bezig geweest met het maken van de review filter pagina. Op deze pagina staat een tabel met alle reviews. Op de pagina kun je de reviews filteren op datum, gemiddelde score en zoek resultaat. De zoek resultaten kun je ook specificeren op bijvoorbeeld huurde, eigenaar, parknaam of huisnummer. Soms kun je enorm veel resultaten krijgen, dit zorgt er voor dat het enorm lang duurt totdat de pagina geladen wordt. Daarom heb ik ook een filter toegevoegd die er voor zorgt dat je een maximum kunt zetten aan hoeveel resultaten je wilt. Standaard staat hij op 100 resultaten, wat er voor zorgde dat de pagina veel sneller laad.

Als laatste moest ik er voor zorgen dat je van de resultaten die je kreeg op de website een export kan maken naar een Excel bestand. Vorige week had ik hier heel veel problemen mee, maar nu snapte ik al veel beter hoe het werkte en had ik de export al vrij snel klaar.

Deze week was ook mijn laatste week van mijn stage. Daarom moest ik er voor zorgen dat al mijn werk op de develop branche zat zodat de rest van de development team bij mijn werk kon komen. Daarnaast was mijn review branche waar ik al mijn review pagina’s op heb gemaakt af en moest hij getest worden. Toen ik mijn branche had gefinisht en alles op de develop branche stond was mijn stage afgelopen. De jongens van de development team hadden nog een afscheidsborrel geregel met alle collega’s van heerlijkehuisjes.nl. Dit was ontzettend gezellig en super leuk. Ik kreeg nog een heerlijkehuisjes goodiebag mee en een bier pakket. Na afscheid genomen te hebben was mijn stage officieel ten einde.

Ik vond mijn stage echt super leuk en heb echt enorm veel geleerd tijdens mijn stage. Voor mijn stage, blog, stageverslag, kennis en ontwikkelingen die ik heb gemaakt wil ik iedereen binnen heerlijkehuisjes.nl ontzettend bedanken. Voornamelijk het development team dat ontzettend veel tijd en energie in mij heeft gestopt om mijn stage tot een succes te laten eindigen.

Week 4

Deze week ben ik begonnen met het maken van mijn eindverslag. Zodat ik tijdens mijn stage nog aan opdrachten van school kan werken heb ik elke maandag een rommeldag. Op deze dag kan ik ook dingen die ik wel leren opzoeken op het internet.

Ik heb deze week ook mijn eigen branche gefinished. Dat betekent dat mijn branche op de develop branche wordt geplaatst. Daarna wordt de develop branche gepushed zodat mijn branche op de development omgeving komt te staan. Op de development omgeving wordt alles getest. Op mijn branche heb ik de dashboard gemaakt en de documentatie pagina. Beide pagina’s waren klaar en konden nu dus getest worden. Het koste alleen nog al wat moeite om het op de development omgeving te zetten. Dit kwam omdat mijn branche nogal achterliep op de develop branche. Ik zou eerst de develop branche moeten mergen met mijn eigen branche, zodat mijn branche up-to-date was. Alleen was ik dit vergeten, waardoor toen ik mijn branche uploadde ik dus een oude branche uploadde en waardoor de website kapot ging. Vervolgens kwamen we er ook achter dat git mijn branche met de master branche had gemerged, terwijl hij normaal met de develop branche moet mergen. Uiteindelijk hebben we dit probleem opgelost door mijn upload terug te draaien. Vervolgens hebben we mijn git opnieuw geïnitialiseerd waardoor mijn git weer naar de develop branche mergede. Als laatste hebben we de develop branche gemerged met mijn eigen branche. Vervolgens kreeg ik heel veel merge conflicts die we allemaal moest oplossen. Toen we alle merge conflicts had opgelost was het tijd om mijn branche te finishen. Daarna heb ik de develop branche gepushed en kon mijn branche eindelijk op de development omgeving gehaald worden.

De rest van de week ben ik bezig geweest met het maken van de lage reviewspagina. Op deze pagina kun je alle reviews zien met een gemiddelde cijfer lager dan een vijf of gelijk aan vijf. Dit gemiddelde kun je via de filters ook nog lager maken. Van alle resultaten die je dan krijgt kun je dan een export maken naar Excel.

Week 3

Deze week ben ik voornamelijk bezig geweest met de feedback die ik heb gekregen over de opdrachten van de afgelopen weken. De feedback was voornamelijk uiterlijke dingen, zoals kolommen die rechts uit gelijnd moesten worden of een cijfer dat niet precies in het midden van een cirkel zat.

Er was ook een bug in een van mijn pagina’s. Als je namelijk in je browser 110% of 80% zoomde werd de grafiek steeds groter. Deze grafiek heb ik gemaakt via een package genaamd Laravel Charts. De package was zo gemaakt dat de grafiek zich aanpaste aan de pagina. Dit zorgde er waarschijnlijk voor dat als je de pagina groter of kleiner maakte doormiddel van de zoom de grafiek daaraan wilde aanpassen, wat er voor zorgde dat hij alsmaar groter werd. Ik heb uiteindelijk deze bug opgelost door div tags om de grafiek te zetten en deze een bepaalde breedte mee te geven. Daarna moest ik de grafiek alleen nog responsive te maken door de breedte aan te passen aan de breedte van de browser.

Vrijdag is mijn mentor/stagebegeleider van school langsgekomen. Hij kwam hier om te bespreken hoe mijn functioneren was binnen het bedrijf en hoe het stond met de opdrachten die ik van school heb gekregen. Mijn mentor vertelde dat ik een eindverslag moest maken. Dit zou in de BPV-gids moeten staan. Alleen kon ik dit niet vinden, waardoor ik niet wist dat er een eindverslag moest worden gemaakt. Ook hebben we besproken dat ik thuis programeer projectjes moest starten om meer ervaring op te doen in het programmeren.

week 2

Deze week ben ik weer bezig geweest met het dashboard van de website. Op het dashboard moest een tabel komen die voor elke maand de NPS laat zien. NPS staat voor net promoter score en hiermee kun je kijken hoe tevreden klanten zijn over je bedrijf. Een klant geeft een score tussen de 0 en de 10 voor het bedrijf. Het percentage mensen dat een score lager dan een 6 heeft gegeven trek je af van het percentage mensen dat hoger dan een 9 heeft gegeven. Het getal dat er uit komt is je NPS. Alleen duurde het enorm lang totdat de tabel geladen was, waardoor het soms wel 40 seconden duurde totdat de pagina geladen was. Het grootste probleem was dat het enorm lang duurde totdat alle data uit de database gehaald was. Dit hadden we uiteindelijk gefixt door in de query geen gebruik te maken van de model, maar de tabel direct via de database op te vragen. Dit zorgde er voor dat het nu nog maar 14 seconden duurde totdat de pagina werd geladen.

Maar 14 seconden was alleen nog steeds veel te lang voor de startpagina, waardoor we gebruik moesten maken van AJAX calls. Met AJAX calls kun je gedeeltes van je pagina apart inladen. Dit betekent dat je in het begin alleen de frame van de pagina laad met alle linkjes naar andere pagina’s, zo kun je als gebruiker veel sneller doorgaan naar andere pagina’s. Daarna wordt één voor één alle andere tabellen ingeladen. Dit zorgt er voor dat alleen mensen die iets op het dashboard willen zien langer moeten wachten. Zo duurde het nog maar 3 tot 4 seconden tot de pagina was geladen, vervolgens duurde het nog wel ongeveer 10 seconden tot alle tabellen waren geladen. Dit was goed genoeg.

Als laatst had ik een lijst met meldingen gekregen die op het dashboard moesten komen. Bij deze meldingen staat dan bijvoorbeeld hoeveel openstaande boekingen er zijn. Als je op de melding klikt ga je naar de juiste pagina.

week 51

Deze week ben ik bezig geweest met de dashboard van de website. Dit is de pagina waar je op belandt nadat je bent ingelogd.

Op deze pagina moest een grafiek komen met alle boekingen voor elke dag die afgelopen 30 dagen zijn gemaakt. Dit heb ik gedaan met Laravel Charts. Dit is een package waar je erg gemakkelijk grafieken mee kunt maken. Ook moest de NPS score in de grafiek, maar later was besloten dat die op een andere plek moest komen.

Onder de grafiek moest een lijst komen met verschillende knoppen. Via deze knoppen kan je snel naar een bepaalde pagina gaan, of je kan via deze knoppen een document downloaden. Er is ook een knop waardoor je alle recepten voor de heerlijke soepjes kan vinden. Bij het bedrijf kokken ze eens per maand een soep voor tijdens de pauze. Elke keer is dit een andere soep en al deze recepten komen in een digitaal kookboek te staan in de backoffice.

Naast deze knoppen komen nog twee tabellen. In de eerste tabel staan de verjaardagen van de 5 werknemers die als eerst jarig zijn. Als dan iemand jarig is veranderd de naam van de jarige in oranje en komt er een verjaardagstaart naast de naam. In de tweede tabel zijn alle records van het bedrijf te zien, zoals het aantal boekingen per dag. De waarde van het record en wanneer hij behaald is wordt weergeven in de tabel.

Over mij

Hallo, ik ben Luuk Ottens. Ik ben 18 jaar oud. Ik ben bezig met de opleiding Aplicatieontwikkelaar op Landstede in Zwolle. Mijn hobby's zijn gamen en windsurfen.

Social media