creakern

update-1

Raadsel opgelost:

252

Reference

layout-1

Raadsel opgelost:

252

Reference

Het is u gelukt om mijn website te bezoeken. PROFICIAT! Graag stel ik u mijn portfolio in webdesign voor. Ik schrijf nog volledig old-fashion code in notepad ++ uiteraard school ik mezelf nog regelmatig bij hierin. Mocht u interesse hebben om door mij een persoonlijke website op maat te laten ontwikkelen mag u mij steeds vrijblijvend contacteren. Ook zoek ik een buddy om mee te helpen bij het ontwerpen van een back-end voor Site_1. Momenteel ben ik niet zelfstandig en doe ik dit puur als hobby. Veel van mijn werk is trial and error betreft javascript. Toch is het mij gelukt tot op bepaalde hoogte een script te schrijven dat uit het raadseltje bestaat van de 4 knoppen.

Voor de nieuwsgierigen onder jullie, het script tracht ik zoveel mogelijk te beschermen op rechtstreekse leesbaarheid in de browser via devtools of rechtermuisklik vanwege de copyright & originaliteit die ik wil behouden. Echter heb ik het script met de reset-functie bij een foute sequence invoer, waarvoor ik chatgpt raadpleegde, achter een ander raadsel/puzzel gezet. Inclusief de originele code voordat chatGPT bestond in 2019 waarmee ik het ontwerp van deze website begon. De sequence hierbij is echter niet meer 4 knoppen maar 16! De permutatie, een wiskundige term voor kansberekening, bij deze volgorde heeft een kans van 1/65536! Een tip zal hierbij ook beschikbaar zijn want anders is het haast onmogelijk om tot de juiste combinatie te komen. Ik noem het geavanceerder raadsel/puzzel hierbij:

De emoticon-kluis

P.S.: Ik heb via een script op Stackoverflow een vertaalfunctie kunnen toevoegen aan deze site. Ik kan Nederlands en Engels vlot verstaan. Het Frans, Duits en Engels op deze site zijn vertaald via AI. Diverse scripts waaronder een html audiospeler en image gallery's zijn toegevoegd op de sites die u hier kan bezichtigen. U kan deze bronnen raadplegen in mijn reference folder!

Bekijk gerust maar eerst hieronder de websites die door mij alreeds ontworpen zijn.

Dit voorbeeld hiernaast is mijn eerste website die ik ontwikkeld heb. Het idee was om een website te ontwerpen die past op een A4-blad. Het ging niet zonder slag of stoot. Ik heb veel geduld moeten uitoefenen om uiteindelijk het desgewenste resultaat te bekomen. U kan op Full view klikken om de volledige weergave te bekijken. Op deze pagina zijn enkel de mobiele weergaves te bezichtigen.

Deze website stelt dus mijn grafisch portfolio voor. Ik heb eveneens een paar jaar avondschool gevolgd in 3D tekenen & animaties. Het is dus ook mogelijk om voor u een ontwerp hierin te maken. Indien de vraag in mijn mogelijkheden zit en als u het ervoor over heeft mij een commerciële licentie te kopen in ofwel cinema4D of sketchup.

Via styleswitcher, een Javascript bestandje is het mogelijk om het kleur/stijl te veranderen van een bepaald element of hierbij een volledige website. Dit werd meegegeven in de opleiding en kwam goed van pas. Het gastenboek werd door mijn toenmalige klasgenoot Benny Fret ontworpen, via een database was het mogelijk een comment te geven. Dit moet echter terug opnieuw geprogrammeerd worden.

Full view

Aan deze website heb ik het langst van allemaal gewerkt tot nog toe. In totaal een acht-tal maanden.Ik ontwierp deze website in 2016 terwijl ik nog school liep in de opleiding webdesign. Het was voor een vriend die nog maar een jaar zelfstandig opgestart was. Helaas verloor hij een groot deel van de ruimte in het gebouw waarin zijn winkel zich bevindt. Hierdoor is het niet meer mogelijk degelijke foto's te nemen en te etaleren. De winkel bestaat nog maar is nauwelijks nog open. Deze website word niet meer gebruikt door de winkeluitbater. Deze publiceer ik enkel als referentie.

Het merendeel van de foto's zijn ge-photoshopt op de pagina SHOP en op de pagina's van de artikelen. Nl. een witte achtergrond om het meubel nog meer uitstraling te geven.

Ondertussen ben ik via een tutorial aan het leren hoe ik via een database een facturatiesysteem op de back-end kan integreren. Ik zal eveneens proberen een framework erop te ontwerpen die het uiteindelijk zal toelaten om via de back-end artikelen gemakkelijk te kunnen aanpassen en vernieuwen.

Full view

Dit is een website die ik mocht schrijven voor mijn aannemer. Het is de meest recenste anno 2024. Eenvoud siert en dat is wat ik met dit ontwerp wilde bekomen.

Een aannemer is geen schrijver en zal dus ook geen boodschap hebben aan teveel informatie voor de lezer. Zo weinig mogelijk bla-bla maar toch met een 'beknopte' krachtige boodschap. Dit word overheersd door de witmarges en de foto's met de gerealiseerde projecten. Een external link naar premiezoeker van de overheid heb ik toegevoegd omdat door zulke soort doorverwijzingen van hyperlinks, het de website een beter zoekresultaat in Google zal opbrengen. Tevens is het ook handig voor de klant om naar aanleiding van zijn verbouwingen informatie over subsidies te vinden.

Aan deze vrij eenvoudige website was ik toch wel een 40-tal uren bezig. Het was 5 jaar geleden dat ik nog met css bezig was. Normaal zou dat toch op de helft van uren moeten gelukt zijn.

Full view

Hierbij was oorspronkelijk het idee om een website te maken waarbij je niet moet inloggen met een paswoord maar toch enige beveiliging hebt. Het project lag enkele jaren stil en door het voorstel van mijn aannemer om een website te maken voor hem. Ben ik dus opnieuw begonnen met webdesign/development.

Waaronder dus ook dit spelletje/raadsel/puzzel/kluis.

Als je de juiste combinatie van knoppen ingedrukt hebt kan je dus de website openen via de enter toets die groen word nadat de sequence compleet en correct is. Als beloning krijg je de code te zien waaruit het is opgebouwd en de updates die het script tot nu toe al gehad heeft. Verdere toekomstplannen heb ik er nog niet mee, het is zo al gecompliceerd genoeg. Mijn kennis tot javascript is echt nog heel beperkt en ik moet veel research & analyse doen. Eveneens vergeet ik regelmatig hoe het exact genoteerd moet worden dus uiteindelijk kan je mij eerder momenteel omschrijven als een knip-plak developer betreft javascript. Een idee kan ik als ontwerper gemakkelijker bedenken dan de uitvoering.

Momenteel ben ik na intussen update-2 eerder bezig met de analyse van het script en waarover ik een historiek met chatGPT bijhoud op de toelichtings-pagina.

Full view

Hier is nog plaats voor uw website!

Lorem Ipsum is simpelweg dummytekst van de drukkerij- en zetterijindustrie. Lorem Ipsum is de standaard dummytekst van de industrie sinds de 16e eeuw, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een specimenboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is in wezen onveranderd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages en meer recentelijk met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.

Waar komt het vandaan? In tegenstelling tot wat vaak wordt gedacht, is Lorem Ipsum niet zomaar willekeurige tekst. Het heeft zijn wortels in een stuk klassieke Latijnse literatuur uit 45 voor Christus, wat het meer dan 2000 jaar oud maakt. Richard McClintock, een Latijnse professor aan Hampden-Sydney College in Virginia, zocht een van de meer obscure Latijnse woorden, "consectetur", uit een Lorem Ipsum-passages op en ontdekte de onbetwistbare bron door de citaten van het woord in de klassieke literatuur te doorzoeken. Lorem Ipsum komt uit de secties 1.10.32 en 1.10.33 van "de Finibus Bonorum et Malorum" (De uitersten van goed en kwaad) van Cicero, geschreven in 45 voor Christus. Dit boek is een verhandeling over de ethiek, zeer populair tijdens de Renaissance. De eerste regel van Lorem Ipsum, "Lorem ipsum dolor sit amet..", komt uit een regel in sectie 1.10.32. Het standaardstuk van Lorem Ipsum dat sinds de 16e eeuw wordt gebruikt, is hieronder gereproduceerd voor geïnteresseerden. Secties 1.10.32 en 1.10.33 van "de Finibus Bonorum et Malorum" van Cicero zijn ook in hun exacte oorspronkelijke vorm gereproduceerd, vergezeld van Engelse versies uit de vertaling van H. Rackham uit 1914.

Full view

Toekomstplannen na deze website zijn onder andere een gebruiksvriendelijkere tekstverwerker "Visual Studio Code" leren gebruiken. Met de reden, hiermee gemakkelijker in de submappen te kunnen navigeren. Ook het verder onderzoeken naar andere programmeertalen die het mogelijk maken om een APP en uiteindelijk een GAME te ontwikkelen. Dit zal echter eerder een levensmissie worden aangezien er nogal veel bij komt te kijken. Het ontwerpen van alle 3D content zal eveneens zeer tijdrovend worden.

Oorspronkelijk, toen ik mijn beperkte kennis in webdesign en het gebruik van AI via ChatGPT opnieuw begon op te frissen, speelde ik met het idee om een app te ontwikkelen die saxofoongeluiden kon afspelen en deze unieke geluiden kon opnemen volgens een ingevoerde schaal. Echter, ik realiseerde me toen nog niet dat ik zou moeten betalen om deze app op een server te hosten. Aangezien ik al kosten maak voor deze website als portfolio en voor de community als persoonlijk project, zal het project APP moeten wachten. Niet alles hoeft per se computer-gerelateerd te zijn.

Als u op de knop Reference klikt kan u de bronnen van mijn naslagwerk raadplegen. Alle gebruikte scripts voor op de websites die ik tot nu toe ontwierp kan u daar terugvinden. Eveneens nuttige links die helpen bij de studie in development. Indien u wilt kan je mijn CV ook eens bekijken. Ik heb nooit in mijn loopbaan gewerkt als webdesigner of gelijk welke job in de IT-sector. Ik doe dit puur uit passie en nieuwsgierigheid! P.S.: De achtergrond op de index-pagina is door mijn vader getekend geweest!

comments