Puntjes op de I. Baris Firat

Transcriptie

1 Puntjes op de I Baris Firat 1

2 Functies en kritieke onderdelen in code (onderdelen die niet in één oogopslag te verklaren zijn) zijn voorzien van comments. Hierbij wordt er gebruikt gemaakt van geldende conventies in de specifieke taal waarin gewerkt wordt. Zoals u kunt zien wordt er consistent gebruik gemaakt van comments om alles op een rijtje te houden. Zo kunnen anderen in één oogopslag zien wat er wordt bedoeld met de code en wat voor effect het heeft op de website of database. Zo wordt alles in de Nederlandse taal verwerkt qua comments. Dit blijf ik ook aanhouden, omdat zelfs ik vergeet wat ik allemaal aan het programmeren ben als ik de volgende dag weer bezig ben. 2

3 Je zorgt voor beveiliging op het web, zodanig dat: o Alle gebruikersinvoer (bijv registratieformulier) wordt gevalideerd voor gebruik (bijv opslaan in database). Dit om zowel bewuste als onbewuste fouten te voorkomen. Ik bekijk telkens bij elke actie of de juiste data is ingevoerd en of het over de juiste dingen gaat. Zo niet krijg je een Fail melding. Zo weet de gebruiker ook dat hij/zij de verkeerde data heeft ingevoerd. o Als data wordt opgeslagen de manier van opslaan is afgestemd op gevoeligheid van de data. 3

4 o Je weet wat de volgende onderdelen betekenen en hoe je ertegen kunt beveiligen: XSS SQL Injections Hierboven maak ik gebruik van PDO Dit zorgt ervoor dat alle data eerst wordt geescaped. Zo voorkom je SQL injecties. Daarnaast is het ook mogelijk om de Mysql_real_escape_string. Dit zorgt ervoor dat er een backslash wordt gezet Door middel van permissie kan je de schade ook beperken. Dit zorgt ervoor dat je het de SQL server onmogelijk maakt om bepaalde tabellen te lezen. XSS maakt gebruik van de website om de users aan te vallen van de website. Dit zal ervoor zorgen dat iedereen die op je website komt de javacript geactiveerd zal worden op hun browser Zo is het mogelijk om cookies te stelen en zo op de pagina in te loggen. De website aanpassen voor malware. En versturen naar een andere website voor phising. Dit kan je preventen door middel van HTML escaping, wat ervoor zorgt dat alle data als < en > en wordt omgeschakeld naar iets anders. Aanpassen van UTF 7 naar UTF8 voor de Head element. Dit zorgt ervoor dat alle UTF 7 aanvallen niet zullen werken. 4

5 Gebruikershandleiding Drawify Drawify is een website waar je je creatieviteit kan tonen. Zo kan je tekenen wat jij wilt en dit allemaal opslaan. Door in te loggen kan je ook je creaties opslaan. Deze handleiding beoogt een uitgebreid overzicht te geven van de functionaliteiten van de website. 5

6 Contents Registreren en Inloggen... 7 Gegevens vergeten?... 7 Inloggen... 8 Hoe weet ik of ik ingelogd ben?... 9 Aanpassen wachtwoord Hoe teken ik? Clear Opslaan Verwijderen Uitloggen Installatiehandleiding Stap 1: Stap 2: Stap 3: Stap 4: Stap 5: Stap 6:

7 Registreren en Inloggen Via bereikt u de website. Rechtsboven ziet u het knopje register. Wanneer u hier op drukt zal de registratiepagina naar voren komen. Wanneer u dat heeft gedaan ziet u de registratiepagina. Op deze pagina kunt u uw eigen inlognaam en wachtwoord invullen. Wanneer u daarna op het blauwe knopje register drukt zal uw account aangemaakt worden. Gegevens vergeten? Bent u uw gegevens vergeten of kwijtgeraakt? Dan kunt u een mailtje sturen naar de helpdesk Barisfirat@hotmail.com om zo uw gegevens terug te krijgen. 7

8 Inloggen U heeft een account aangemaakt via het registratieformulier. Dan is dit het moment om in te loggen. U drukt rechtsboven op de knop Login om in te loggen. Wanneer u hierop heeft geklikt wordt u doorgestuurd naar de login pagina. Op de login pagina kunt u uw gegevens invoeren die u bij het aanmaken van het account heeft ingevoerd. Wanneer u de juiste gegevens heeft ingevoerd drukt u op de Login button rechts van de Password gedeelte. Na deze taken correct uitgevoerd te hebben met de juiste gegevens bent u ingelogd. 8

9 Hoe weet ik of ik ingelogd ben? Dit kan u weten doordat uw gebruikersnaam rechtsboven zal staan. Dit zal er staan i.p.v. het woord login en Register. (Op het onderstaande voorbeeld kunt u zien dat mijn gebruikersnaam Baris is) 9

10 Aanpassen wachtwoord Wil je je wachtwoord aanpassen? Dit is mogelijk! Wanneer je rechtsboven op je gebruikersnaam klikt wanneer je ingelogd ben zal je naar de onderstaande pagina gelinkt worden. Typ hier vervolgens bij het balkje new password je nieuwe wachtwoord in en druk vervolgens op het knopje update. Wanneer je dit hebt gedaan zal je nieuwe wachtwoord in werking zijn. 10

11 Hoe teken ik? Wanneer je op de homepage bent ziet u een witte vierkante balk voor u met kleurtjes erboven (zie voorbeeld hieronder) U kunt met uw muis één van de kleuren aanklikken. Wanneer u één van deze kleuren heeft aangeklikt is het mogelijk om met die kleur te tekenen op de vierkante balk. Zo klikte ik op het gele knopje en daarna hou ik mijn muis ingedrukt op het vierkante balkje om te tekenen. Als je je muis ingedrukt houdt zal je doorgaan met tekenen in een lijn. 11

12 Clear Heb je iets getekend, maar vind je het toch niet zo leuk? Dan kan je je canvas schoonmaken door op het knopje clear te drukken. Zoals u hierboven ziet heb ik wat getekend, alleen vind ik het niet meer zo mooi. Ik klik op het knopje clear wat linksboven staat. Zoals je ziet is alles terug naar normaal en kan ik opnieuw beginnen met tekenen. 12

13 Opslaan Heb je iets supermoois getekend en wil je dat opslaan? Dat kan! Wanneer je ingelogd bent op je account en na het tekenen van je canvas druk je linksboven op de save knop zal je canvas opgeslagen worden. Deze canvas kan je terugvinden wanneer je rechtsboven op het knopje gallery drukt. Hier vind je al je opgeslagen canvassen terug. 13

14 Hoe verwijder je iets? Verwijderen Stel je hebt je canvas opgeslagen, maar je vind het alsnog niets. Dan kan je bij gallery op het knopje delete onder de canvas die je wilt verwijderen klikken. Wanneer je dit doet zal je gemaakte canvas verwijderd worden. 14

15 Uitloggen Wil je niet meer tekenen en wil je gaan uitloggen? Dit kan simpel gedaan worden door op het knopje Logout te drukken wat rechtsboven staat. Let op uitloggen kan alleen wanneer je ingelogd bent. Je kan zien dat je ingelogd bent als links van gallery je gebruikersnaam staat. 15

16 Hoe installeer je drawify? Installatiehandleiding Stap 1: Stuur een naar om het zipbestand te krijgen via de . Stap 2: Je zal een zipbestand genaamd Drawify.rar krijgen deze moet je uitpakken door middel van Winrar of een ander uitpakprogramma. Stap 3: In het mapje Drawify zal je een bestand genaamd Drawify.sql vinden. Dit bestand moet je importeren op je SQL website. Bij mij is dat het volgende website: Log hier in en druk op het knopje importeren. 16

17 Selecteer het Drawify.sql bestand en druk op uitvoeren zoals op de onderstaande foto weergegeven. Stap 4: Open de file Settings.php met PHPstorm of een ander programmeerprogramma. Pas hier de gegevens aan naar je eigen database informatie. Dit is dezelfde informatie als de codes waarbij je inlogt op de website MYSQL. 17

18 Stap 5: Open het programma Filezilla of installeer dit. Druk op het knopje file linksboven en druk daarna op Site manager. Hier kan je vervolgens je codes van je database invoeren zodat je kan inloggen op je server. Wanneer je dit hebt gedaan ben je ingelogd. Daarna kan je rechtermuisknop klikken en dan drukken op Create Directory. Dit kan je alles noemen wat jij wilt. In deze map zet je alles van de Rar bestand die ik je heb meegestuurd in behalve de Drawify.sql. Stap 6: Wanneer je dit allemaal hebt gedaan staat je website op een server en kan je op je website komen. Gefeliciteerd met je website! 18