Je hebt vooraf nagedacht over technische keuzes en dit heb je inzichtelijk gemaakt. Je kan je project technisch documenteren middels minimaal twee diagrammen (bijv. ERD, klassendiagram en\/of flow chart). Je hebt een bestaande library\/API toegevoegd (server side) aan je project om functionaliteiten toe te voegen of om het programmeren makkelijker te maken. Je kunt toelichten waarom dit nuttig is.<\/p>\n\n\n\n
Dit is mijn eerste project waarbij back-end echt een grote rol speelt. Vooraf heb ik nagedacht over welke talen ik wilde gebruiken. Uiteraard heb ik voor het verwerken van gevoelige data PHP gebruikt omdat deze data op de server blijft en niet inzichtelijk is voor gebruikers. Ook werk ik met een MySQLi database om deze data op te slaan. Al snel werd duidelijk dat de opdrachtgever ook een log-in-systeem wilde waarmee gebruikers vaker afspraken kunnen inplannen. Hiervoor is het wel nodig om wachtwoorden op te slaan. Dit heb ik gedaan door gebruik te maken van de password hash functie welke in PHP zit. Met deze hash kan ik de wachtwoorden veilig in de database bewaren. Tijdens de lessen hebben we beperkt uitleg gehad wat ERD’s en Joins betreft. Met wat hulp van studiegenoten en YouTube tutorials is het me gelukt om de huidige website in een entity relationship diagram te plaatsen. Zoals het systeem nu werkt is bovenaan de afbeelding te zien. Pas nadat ik mijn structuur had gebouwd en al deels toegepast kregen we uitleg over de verschillende soorten relaties die er zijn. In het vervolg zou ik het anders hebben opgebouwd. Omdat ik aan wil tonen dat ik weet hoe dit moet heb ik daar ook een uitwerking van gemaakt, deze is aan de onderzijde van de afbeelding hieronder te zien.<\/p>\n\n\n\n Een user story (could have) welke ik gemaakt had was het werken met geautomatiseerde e-mails. Wanneer een klant een account aanmaakt en een reservering plaatst was het de bedoeling dat deze een bericht zou ontvangen met de relevante informatie. Omdat het werken met een externe emailserver redelijk wat werk met zich meebrengt heb ik ervoor gekozen om met PHPMailer te werken. Dit is een library welke via PHP (server side) werkt. Data<\/strong> Het reserveringssysteem haalt en stuurt alle data via een MySQLi database door middel van query’s. Ik maak gebruik van veel querytypes. Denk hierbij aan select, insert, update en delete. Hieronder staan enkele stukken code waarbij de werking van de code en database zichtbaar is. Ook de database zelf is te zien.<\/p>\n\n\n\n Beveiliging<\/strong> De website is enkel te bezoeken als je ingelogd bent. Op de indexpagina moet je jezelf direct registreren of via de onderstaande knop naar de inlogpagina. Zodra je ingelogd bent wordt er een sessie gevuld welke je toegang geeft tot het gebruikersgedeelte van het systeem. Ook is er een admin-omgeving aanwezig, door middel van een in de php-bestanden gecodeerd e-mailadres wordt geverifieerd of er wel\/geen admin inlogt op de website.<\/p>\n\n\n\n Alle input velden (text, date, time) gaan via een MySQLi real escape string naar de database om ervoor te zorgen dat het niet mogelijk is om code te injecteren. Mysqli_real_escape_string(connection, escapestring<\/em>). Ook is er in de MySQLi database aangegeven welk type data verwacht wordt met daarbij een maximum aantal karakters. (Klik op de afbeeldingen om deze fullscreen te openen)<\/p>\n\n\n\n Wachtwoorden worden uiteraard gehashed voordat deze naar de server gaan. En tijdens het inloggen wordt het door de gebruiker ingevoerde wachtwoord vergeleken met het hashed wachtwoord wat in de database staat. Dit gebeurt door middel van de password_verify functie. (Klik op de afbeeldingen om deze fullscreen te openen)<\/p>\n\n\n\n De back-end is het hart van je web-applicatie. De server verwerkt en bewaart alle informatie op \u00e9\u00e9n plek, waardoor meerdere clients van dezelfde data gebruik...<\/p>\n","protected":false},"author":1,"featured_media":230,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/posts\/305"}],"collection":[{"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":40,"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/posts\/305\/revisions"}],"predecessor-version":[{"id":1355,"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/posts\/305\/revisions\/1355"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/media\/230"}],"wp:attachment":[{"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/media?parent=305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/categories?post=305"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stud.hosted.hr.nl\/0980417\/wp-json\/wp\/v2\/tags?post=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Ik heb nog niet eerder een flow chart gemaakt maar hieronder heb ik er een geplaatst welke overeen komt met de website. Mochten er dingen onduidelijk zijn kan ik deze mondeling tijdens het beoordelingsgesprek toelichten.<\/p>\n\n\n\n![\"\"](\"https:\/\/stud.hosted.hr.nl\/0980417\/wp-content\/uploads\/2019\/09\/Flowchart-CLE2.png\")
<\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n
<\/p>\n\n\n\n<\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n
<\/p>\n\n\n\n
Deze library heb ik in mijn mappenstructuur opgenomen en door middel van een ‘require once’ roep ik deze op. Vervolgens heb ik de basis variabelen in een functie geplaatst zodat ik het makkelijk kan oproepen als ik ergens een e-mail wil verzenden. Hieronder heb ik afbeeldingen van mijn code met in de code annotaties ter verduidelijking.<\/p>\n\n\n\n<\/a><\/a><\/a><\/a>
<\/p>\n\n\n\n
Je hebt een webapplicatie gebouwd op de server die gevoed wordt door een database. De database inhoud kan gelezen, bewerkt en verwijderd worden.<\/p>\n\n\n\n<\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n<\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n<\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n<\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n
<\/p>\n\n\n\n
Een deel van je website is niet toegankelijk zonder in te loggen. Je form invoer wordt op de server gevalideerd en is beveiligd tegen XSS en SQL injecties. Wachtwoorden worden veilig opgeslagen.<\/p>\n\n\n\n<\/a><\/a><\/a>
<\/p>\n\n\n\n<\/a><\/a><\/a>
<\/p>\n\n\n\n<\/a><\/a><\/a><\/a>