Mijn Projecten
Hier presenteer ik een paar van mijn recente projecten en ontwikkelwerk.
Huisarts
Ik heb in een periode van twee weken zelfstandig een website ontwikkeld om alle patiënten in een lijst te hebben met alle persoonlijke informatie per patiënt. De afbeelding hiernaast toont het eindresultaat.
In dit project heb ik geleerd hoe er via de website informatie in de database kan worden gezet bij persoonlijke gegevens.
Gebruikte materialen:
- Html/Css//Sql/PHP
- VS Code/Trello/Word
- Copilot/Chatgpt
Netflix nabouwen
Ik had samen met een klasgenoot een project om Netflix na te bouwen in twee weken tijd. De foto links laat het eindresultaat zien. Als u de functionaliteiten wilt testen, dat kan via de link hieronder.
In het eerste jaar van de opleiding kon ik de fotos alleen nog maar hard coded programmeren nu in het tweede jaar heb ik dit aangepast met een database. De fotos worden nu uit de database gehaald en de zoekfunctie is hierdoor verbeterd.
Gebruikte materialen:
- Html/Css/JavaScript
- Bootstrap/Chatgpt
- VS Code/Trello/Word
Studie Dashboard
Ik heb in een periode van twee weken zelfstandig een website ontwikkeld om de persoonlijke studievoortgang inzichtelijk te maken via een dynamisch dashboard. De afbeelding hiernaast toont het eindresultaat.
In het begin startte het project met een goede aanpak, waaronder een Trello-planning, het vastleggen van user stories en het ontwerpen van wireframes. Vervolgens ben ik begonnen met de technische realisatie door een relationeel datamodel op te zetten om studieresultaten aan diplomavoorwaarden te kunnen koppelen.
Daarna heb ik de data-invoer en verwerkingslogica gebouwd die nodig is om de voortgang te berekenen. Het eindresultaat is een webapplicatie met visualisaties (tabellen en grafieken) die de status van alle summatieve onderdelen helder weergeven. Het project is afgesloten met testen en de gevonden feedback heb ik vervolgens verwerkt.
Gebruikte materialen:
- Html/Css/Javascript/Sql/PHP
- VS Code/Trello/Word
- Copilot/Chatgpt
Snoepwinkel
Ik heb dit project volledig zelfstandig uitgevoerd. In drie weken heb ik een complete webshop voor een snoepwinkel ontworpen en gebouwd, van het eerste ontwerp tot de oplevering.
De opdracht omvatte onder andere een functioneel ontwerp met wireframes, een activity-diagram en een databaseontwerp. De site toont producten met afbeelding, omschrijving en prijs en de producten worden uit een database geladen. Bezoekers kunnen artikelen aan een winkelwagen toevoegen. De inhoud van de winkelwagen blijft bewaard tussen pagina's via sessies en bestellingen worden opgeslagen in de database.
De website is responsive en werkt goed op zowel grote als kleine schermen. Hij is volledig opgebouwd met HTML en CSS en maakt gebruik van het Bootstrap-framework. Ook is het mogelijk om aankopen via de webshop af te ronden.
Gebruikte materialen:
- Html/Css/JavaScript/PHP/SQL
- Bootstrap/Chatgpt
- VS Code/Trello/Word
Talentenshow
Voor dit project heb ik samen met een klasgenoot gewerkt aan een website voor een lokale talentshow. Het doel van de opdracht was om de kennis van PHP en MySQL toe te passen en zo een interactieve webapplicatie te maken waarin gebruikers gegevens konden invoeren en beheren.
We begonnen met het ontwerpen van de site: bezoekers konden zich aanmelden als deelnemer of tickets reserveren. Hiervoor hebben we HTML- en CSS-formulieren gebouwd en met PHP de verwerking en opslag in de MySQL-database geregeld. Alle ingevulde data werd gecontroleerd en veilig opgeslagen.
Daarnaast ontwikkelden we 2 pagina's waar de deelnemers en bezoekers worden getoond. Daar konden beheerders in real-time zien hoeveel deelnemers zich hadden aangemeld en hoeveel kaarten er waren verkocht. Deze gegevens werden dynamisch opgehaald uit de database.
Na twee weken hadden we een volledig werkende website: een platform waarmee de hele talentshow kon worden beheerd van aanmelding tot ticketverkoop.
Gebruikte materialen:
- HTML / CSS / PHP / SQL
- VS Code / Trello / Word
- Bootstrap / Copilot
Front-end Development Examen
Ik had een project om front-end examen te bouwen in 1 week tijd. De foto links laat het eindresultaat zien. Als u de functionaliteiten wilt testen, dat kan via de link hieronder.
Dit was mijn eerste programmeerexamen. Hierbij kreeg ik bepaalde foto’s met een thema over een nieuwe hotspot. De website bevatte een activiteitenpagina waar bezoekers verschillende activiteiten konden bekijken, een overzichtspagina met de geschiedenis en achtergrondinformatie over de hotspot, en een reviewspagina waar gebruikers hun ervaringen konden delen. Bij het onderdeel 'Praktische informatie' zijn ook de belangrijkste gegevens en een Google Maps-kaart geïntegreerd zodat bezoekers eenvoudig de locatie en andere relevante informatie konden vinden.
Gebruikte materialen:
- Html/Css/JavaScript
- Copilot
- VS Code/Trello/Word
Local multiplayer game
Ik had samen met een klasgenoot een project om een 2D multiplayer game te bouwen waarin je een level moet halen door bijv: coins op te pakken en dat dan een portaal open gaat. Dit project duurde twee weken. De foto rechts laat het eindresultaat zien.
In het begin had ik een Trello-bord gemaakt, zodat ik een goede planning had voor de twee weken. Daarna hebben ik schetsen gemaakt en deze verwerkt in een document met de user stories. Vervolgens ben ik begonnen met een het basisdesign na te maken met een tilemap in Unity. Daarna heb ik een startscherm en eindscherm gemaakt. Als volgende heb ik scripts van oudere projecten gebruikt en verandert om te lopen en springen. In week 2 heb ik oppakbare coins neergelegd en het portaal geplaatst. Daarna heb ik een GUI scherm gemaakt zodat de scores op beeld worden laten zien. Wanneer alle userstories geprogrammeerd waren heb ik de game laten testen door klasgenoten. De gevonden fouten heb ik vervolgens verwerkt en in het document gezet.
Gebruikte materialen:
- Unity/C#
- VS Code 2022/Chatgpt
- Trello/Word
