Home

De laatste 5 berichten

week 49

Deze week begon ik met het maken van de memo in de reviewpagina. Dit is een rij in de tabel met daar in een icoontje. Als je op het icoontje klikte komt er een pop-up met daarin de memo’s die al gestuurd waren. Daaronder een invoerveld waar je een nieuwe memo kon typen. Als je op opslaan klikt komt jouw bericht in de memo te staan onder alle andere berichten die al gestuurd zijn. Boven je bericht staan je initialen en de tijd wanneer je het bericht hebt gestuurd.

Toen ik klaar was met de overzichtspagina ben ik bezig geweest met de bewerk pagina. Op deze pagina kon je de informatie zien over de review en je kunt bepaalde eigenschappen bewerken. Zoals de status van de review en je kun op deze pagina ook de memo bewerken en aanvullen.

Ik had ook een paar problemen met mijn virtuele machine. Toen ik mijn virtuele machine probeerde op te starten zei hij dat ik mijn powershell moest updaten. Toen ik mijn powershell had geüpdatet zei hij nog steeds dat ik mijn powershell moest updaten. Daarnaast liep mijn laptop telkens vast omdat hij de virtuele machine niet aankon. Hierdoor moest ik mijn werkomgeving weer verplaatsen naar een vaste computer.

Doordat ik mijn werkomgeving moest verplaatsen liep ik erg achter op de sprint. Ook was ik veel langer bezig om de to-do’s af te ronden, waardoor ik nog erger achter liep. Hierdoor had ik geen tijd meer om de sprint helemaal af te ronden. De volgende keer moet ik mijn to-do’s beter opdelen zodat ik niet al te grote to-do’s krijg. Ik moet ook beter kijken wat ik moet doen en hoe ik dat ga doen en vervolgens een betere inschatting maken hoelang de to-do duurt. Ik moet ook wat tijd inplannen voor als er iets tussendoor komt.

week 48

Deze week ben ik bezig geweest met het maken van de overview voor de reviews process pagina. Op deze pagina worden reviews verwerkt. Op deze pagina moet een tabel te zien zijn waar alle informatie over de reviews te zien is. Ook moet er een kolom zijn waar je een knop hebt die naar de verwerk pagina gaat.

Voor deze pagina moest er ook een nieuw kopje komen in de menubalk. Al deze kopjes worden uit de database gehaald. Dus om het kopje op de site te krijgen moest ik de database seeder aanpassen. Dit moest op de master branch gebeuren omdat het anders voor merge conflicten zou kunnen zorgen. Toen ik de seeder had aangepast moest ik de aanpassingen op de develop branch en mijn eigen feature branch mergen.

Voor het maken van het overzicht had ik 12 uur ingepland, maar dit was bij lange na niet genoeg, want aan het einde van de week was ik nog bezig met deze to-do. Dit kwam omdat we tegen een paar problemen aanliepen wat enorm veel tijd koste om op te lossen. Er moest bijvoorbeeld een filter komen zodat je op woning kon selecteren, maar het duurde enorm lang om alle woningen uit de database te krijgen dus moest dit op een andere manier worden opgelost. Nu krijg je een invoer veld waar je zelf de huiscode moet invullen.

Ik heb deze week en demo gegeven aan mijn collega’s. De demo ging over de features die we in de afgelopen sprint hebben toegevoegd. De feature die ik heb toegevoegd is de bestemmingen pagina. Met deze feature ben ik 2 sprints bezig geweest, maar nu was hij helemaal klaar om gepresenteerd te worden.

week 47

Deze week moest ik 2 pagina’s afmaken voor het einde van de sprint. Ik begon met de plaatsen pagina. Deze pagina leek erg veel op de andere pagina’s die ik al had gemaakt waardoor het erg makkelijk was om deze pagina te maken.

Daarna moest ik de regio’s pagina maken. Deze leek ook erg veel op de pagina’s die ik al had gemaakt. Alleen moest er plaatsen aan de regio’s worden toegevoegd, maar hiervoor kreeg ik hulp van een collega. Toen ik feedback kreeg op deze pagina kwamen we er achter dat de google maps API niet goed werkt. Deze API gebruiken we om de lengtegraad en de breedtegraad van de bestemming te vinden. Wanneer ik al mijn taken had volbracht zou ik proberen de API te fixen.

Om gemakkelijk terug te gaan naar de vorige pagina heb ik een terug knop toegevoegd aan de bestemmingen pagina’s. Een collega had het systeem in de backend al gemaakt, waardoor ik maar een klein regeltje code hoefde te schrijven om de terug knop werkend op de pagina te krijgen.

Ik had al mijn taken voor deze sprint al afgerond waardoor ik nu tijd had om naar de google maps API te kijken. Het probleem was dat als je een plaats, provincie of land met de zelfde naam had je de verkeerde geolocatie kreeg. Bijvoorbeeld als je de provincie Groningen opzocht dan kreeg je de stad Groningen in plaats van de provincie. Mijn begeleider had al gezegd dat ik moest specificeren in welk land en in welke provincie de bestemming lag. Dit was echter moeilijker dan gedacht, omdat ze in Luxemburg geen provincies gebruiken maar kanton, maar door in plaats van provincie administrative area te gebruiken wilde het wel lukken.

Als laatste had ik een cadeau voor een collega in elkaar gezet. Het was een loopauto in de vorm van een vliegtuig. Heerlijkehuisjes.nl had dit cadeau gegeven omdat ze een baby had gekregen.

week 46

Deze week begon ik met het geven van een demo samen met een collega. De demo ging over wat we afgelopen sprint hadden gedaan. Zo heb ik mijn ketenspagina met alle features gepresenteerd.

Daarna heb ik uitgezocht hoe SQL-injectie attacks werken en wat je er tegen kunt doen. Een SQL-injectie attack is dat je een SQL query in een input veld invult. Dit zorgt ervoor je de query die op de backend staat kunt aanpassen zodat je dingen uit de database kunt hallen waar je eigenlijk niet bij hoort te kunnen. Om dit te voorkomen kun je wat er in de input veld word ingevuld eerst valideren voordat je het in de SQL query zet. Zo kun je valideren of er geen streepjes, aanhalingstekens of andere leestekens in de input wordt gebruikt.

Om een wachtwoord en andere waarden in je database goed te beveiligen moet je de data eerst salten en daarna hashen. Ik heb uitgezocht hoe dit werkt. Als een gebruiker een wachtwoord invoert tijdens het aanmaken van een account is het niet veilig om dit zomaar in de database zetten. Als je database gehackt word kunnen ze meteen alle wachtwoorden van alle gebruikers inzien en als beheerder kun je ook alle wachtwoorden zien wat niet zo netjes is. Daarom moeten ze gehashed worden. Dit houdt in dat je van een wachtwoord een string met verschillende tekens maakt. Dit wordt gedaan door een algoritme. Het algoritme zorgt er ook voor dat je de string niet meer terug kunt veranderen naar het wachtwoord. Het algoritme veranderd echter niet. Dit betekent dat als twee gebruikers hetzelfde wachtwoord hebben dat ze ook dezelfde hash hebben. Daarnaast bestaan er hash decoders die ook wel rainbow tables worden genoemd. Dit zijn websites waar je een hash code kunt invullen waarna je het wachtwoord krijgt. Dit is dus mogelijk omdat het algoritme het zelfde blijft.

Om deze rainbow tables tegen te gaan kun je een wachtwoord eerst salt. Dit maakt het praktisch onmogelijk om een wachtwoord te kraken. Salten betekent dat een random string voor en/of na het wachtwoord plaatst. Deze string is erg lang waardoor het gebruiken van een rainbow table haast onmogelijk wordt. Daarnaast wordt bij elk wachtwoord een andere salt gebruikt. Hierdoor hebben mensen met hetzelfde wachtwoord alsnog een andere hash.

Deze week zijn we ook weer begonnen met een nieuwe sprint. Dit keer moet ik de overige pagina’s voor het bestemmingen kopje maken. Dit waren de regio’s pagina en de plaatsen pagina. Voor deze pagina’s moest ik echter bijna de zelfde stappen ondernemen als die ik de vorige sprint had gedaan voor de andere bestemmingen pagina’s.

week 45

Voor de aankomende sprints ben ik bezig met het kopje bestemmingen. Dit kopje bestaat uit vier pagina’s, dit zijn de landen, regio’s, provincies, en plaatsen pagina’s. Op deze pagina’s worden deze locaties in een tabel getoond. Vervolgens kun je de locaties bijwerken en nieuwe toevoegen. Deze data kun je dan gebruiken om de locatie van de huisjes makkelijk in de database te krijgen. Om de juiste data makkelijk te vinden heb ik ook een aantal filters toegevoegd aan de tabel

In de deze sprint ging ik de landen en provincies pagina’s maken. Om de pagina’s te maken moest je bijna de zelfde stappen nemen. Je begon met het maken van een overview. Hier haalde je alle data die je nodig had uit de database. Daarna worden de filters, search opdrachten en sortering toegevoegd op de data en werd de data verwerkt zodat de pagina het kon gebruiken.

Als tweede ging je de data in de tabel zitten. Hier maakte je de tabel kopjes en daarna maakte je verschillende rijen met daar in de data uit de overview.

Om de data aan te passen is er een bijwerk knop in de tabel. Als je op deze knop klikt dan ging je naar een pagina waar de data van de desbetreffende locatie al was in gevuld in een form. In deze form zitten ook twee invoer velden met de lengtegraad en breedtegraad en daaronder een knop met “Geolocatie bijwerken”. Als je op deze knop klikt dan paste hij automatisch de lengte- en breedtegraat aan. Dit werkte via een API van google maps. Naast de “Geolocatie bijwerken” knop zat een knop die naar google maps gaat zodat je kunt checken of de data wel klopte. Als je de data hebt aangepast kun je op opslaan klikken en dan word de data opgeslagen in de database.

Om nieuwe data toe te voegen is er bovenaan de pagina een toevoeg knop. Als je op deze knop klikt ga je naar een pagina met een form net zo als bij de bijwerk pagina. Op deze pagina zit echter geen lengtegraad en breedtegraad velden omdat dit achter de schermen word toegevoegd. Als je op opslaan klikt wordt de data opgeslagen in de database.

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