Wie ben ik?

Mijn naam is Arno Debeir 21 jaar en afkomstig uit Torhout 🏡. Ik ben 3de jaars student Toegepaste informatica (Software Engineer) aan Howest in Brugge 👨🏼‍💻. Verder combineer ik mijn studies met topsport wielrennen 🚴🏼‍♂️. Hieronder ⬇️ vind je alle artikels terug. Aan de rechterkant ➡️ van mijn e-portfolio vind je een overzicht terug van alle artikels.

Fail:UX 2021 online talk

Zoals je op het ticket hierboven ziet heb ik op maandag 5 april deelgenomen aan een online talk genaamd Fail:UX 2021 georganiseerd door UX Salon. UX Salon is een groep die zich toelegt op de professionele praktijk en het leren van user experience design.

#

Fail:UX is een jaarlijks evenement waar 5 mensen uit de UX wereld hun verhaal komen doen over hoe ze faalden en hoe ze beter werden in wat ze doen door deze mislukkingen.

#

Het doelpubliek is iedereen die interesse heeft voor UX. Avi Itzkovitch is de oprichter van UX Salon en geeft de intro.

#

Failing sucks most when you thought you knew better

Ervaren leider in digitaal ontwerp en strategie met meer dan 20 jaar professionele ervaring

Robert stulle

#

Robert begon zijn verhaal met het opnoemen van enkele bekende mislukkingen, zoals de Toren van Pisa, en ging verder met enkele eigen ervaringen. Zo maakte hij ooit een soort van Wikipedia voor een helpdesk in Amsterdam om er dan uiteindelijk achter te komen dat niemand hun product ging gebruiken. Na 2 weken werken bij de helpdesk wist je op alle vragen al het antwoord. Ooit bood hij een opleiding aan met 2 collega’s over leiderschap. Ze maakte een hele mooie one pager om reclame te maken met daaronder een knop “Yes tell me more”. Niemand drukte op die knop omdat er blijkbaar geen interesse in was. Het is dus niet omdat jezelf denk dat het een fantastisch idee is dat andere mensen daar ook zo over denken.

#

Wat hij uit al deze mislukkingen geleerd heeft en ons dus wil bijbrengen is dat je met een aantal belangrijke dingen zeker rekening moet houden zoals de wanneer, hoe, waar, waarom en wie. Onderzoek of er een business reden is voor je idee om te bestaan. En als laatste wie is je publiek, hoe is de markt en is er een echte behoefte?

#

Garbage Participants, Garbage Results

13 jaar ervaring in de UX strategie en research

Amanda Stockwell

#

Amanda is momenteel consultant, recruiting is een groot deel van haar job. Ze vertelde vooral over hoe belangrijk het is om de juiste mensen te hebben voor de juiste job. Persoonlijk vond ik Amanda de minst interessante spreker van de 5 omdat ik na haar talk nog steeds niet helemaal door had wat ze ons wou bijleren. Ze had ook geen slides waardoor het allemaal een beetje onduidelijk was.

#

Embracing Failure: How I learned to love mistakes

15 jaar ervaring als consultant

Elizabeth Rosenzweig

#

Elizabeth vertelde ons meer over hoe mislukkingen niet altijd slecht moeten zijn. Uit haar ervaringen ondervindt ze dat veel bedrijven mislukkingen als iets heel slechts zien, dat alles van de eerste keer goed moet gaan. Maar zij vindt dat mislukkingen onderdeel zijn van een leerproces.

#

Ze vertelde ons ook het verhaal van The story of the Taoist Farmer. Wat ze met dit verhaal duidelijk wil maken is dat het er eigenlijk alleen maar om gaat hoe je de dingen interpreteert. Misschien verandert iets dat eerst op een ramp lijkt, in een kans. Misschien is een mislukking nu een overwinning later.

#

The last mile is always the hardest

Senior UX Designer met een stevige achtergrond in RPA, Gezondheidszorg, Financiële Diensten en Banksector

Ioana Teleanu

#

Ioana vertelde over haar eerste project dat ze kreeg toen ze bij een bank werkte. Toen ze bijna op het einde van dat project was zag ze plots door het bos de bomen niet meer wat leidde tot heel wat zorgen voor haar. Tot op de dag van vandaag heeft ze daar nog vaak problemen mee. Uiteindelijk wat ze met haar verhaal wil zeggen is dat de laatste stappen van een project soms de moeilijkste zijn maar als je doorzet je uiteindelijk wel ergens geraakt. Dus doorzetten is de boodschap.

#

Never fall in love with an idea

Designer

Ben Hersh

#

Ben werkte bij een bedrijf dat een soort Netflix voor boeken had uitgevonden. Op een dag kwam hij met een, volgens hem, geniaal idee. Het filteren van boeken naargelang hoeveel tijd je op dat moment had. Hij vertelde zijn idee aan het hele bedrijf tot het bij de baas terecht kwam. De baas was ook enthousiast en ze besloten om het in de app te steken. In het begin was het een enorm succes maar kort daarna faalde het hele project. Hij was zo bezig geweest met zijn eigen idee dat ze enkele basis vragen uit het oog hadden verloren. Zou iemand ooit overal een iPad mee naartoe nemen? Niemand wou er uiteindelijk nog voor betalen, hun geld geraakte op en uiteindelijk ging hun bedrijf failliet. Vandaar zijn titel “Never fall in love with an idea”.

#

Conclusie

#

Deze talk was niet technisch maar uiteindelijk wel een van de interessantste die ik volgde. De kans is heel groot dat ik ooit op een dag zelf geconfronteerd zal worden met enkele van deze mislukkingen en er dan op gepaste wijze zal kunnen mee omgaan. Ik zou het andere mensen zeker aanraden om deze talk volgend jaar bij te wonen want uit fouten leer je meestal het meest.

INUITS OPEN SOURCE CAFE

Op 22 april 2021 volgde ik het online evenement van Inuits. Geen café zonder drinken uiteraard en daarvoor had Inuits gezorgd door een goodiebox met een hapje en een drankje aan huis te laten leveren. Het grootste doel van dit evenement was dat studenten Inuits konden leren kennen en omgekeerd Inuits de studenten. Het doelpubliek was dus ook voornamelijk studenten. De onderstaande topics werden besproken.

#

An introduction to Inuits

Johan Huysmans

#

Het event begint met wat meer uitleg over wat Inuits is, wat ze doen en de historie ervan. Inuits zit ondertussen al in 5 landen (Nederland, Oekraïne Tsjechië, Polen en België) en 9 kantoren. In België hebben ze kantoren in Antwerpen, Gent, Hasselt en hun hoofdkantoor in Brasschaat.

#

Kort samengevat wat ze doen, ze brengen open source naar bedrijven en overheden om innovatieve oplossingen te bouwen.

#

Alles wat ze doen kun je opsplitsen in 3 grote zaken: consultancy, solutions & research and development.

#

SearX a privacy-friendly search engine

Pieter Polmans

#

Pieter verteld ons wat meer over een meta search engine SearX. Wat een meta search engine wil zeggen is dat het verschillende requests naar allemaal verschillende search engines zoals Google, Safari, Yahoo… gaat sturen om zo die antwoorden samen te voegen en een beter resultaat te krijgen. Verder vertelt hij wat de voordelen zijn, wat de features zijn, op welke manieren je het kunt installeren en enkele problemen waarmee hij in aanraking kwam bij het installeren zodat wij die zelfde problemen niet zouden hebben.

#

An introduction to MLOps

Timo Kerremans

#

Timo begint met het verschil uit te leggen tussen Artificiële Intelligentie, Machine Learning en Deep Learning. Daarna gaat hij verder met de 3 onderdelen van Machine Learning. Supervised, unsupervised en reinforcement learning. Alle voorgaande zaken blijven voorlopig allemaal redelijk binnen het onderzoek en academische wereld. Dankzij MLOps kun je dit naar het bredere publiek gaan brengen. MLOps kun je gaan zien als een uitbreiding voor het DevOps-verhaal waarbij hij continue nieuwe data van de eindgebruiker gaat gebruiken om het machine learning gedeelte te optimaliseren.

#

Introduction to our Open Source Summer Bootcamp.

Thomas Cassaert

#

De Inuits bootcamp duurt 2 weken waarin ervaren mensen van Inuits verschillende sessies gaan geven, deels theorie deels praktisch. Verder vertelt hij nog wat er allemaal aan bod zal komen gedurende die 2 weken. Linux basics, configuration management, virtual machines, containers, monitoring observability, git, continuous integration and continuous deployment en project management komen aan bod.

#

Conclusie

Al bij al heb ik enkele interessante dingen gehoord die avond. Vooral de presentatie over SearX en MLOps spraken me aan en waren redelijk nieuw voor mij. Interesse om de summer bootcamp te volgen heb ik niet aangezien het enkel voor mensen is die starten bij Inuits. Mochten ze ooit nog eens een virtual open source cafe geven zou ik zeker opnieuw deelnemen als het dan over andere topics zou gaan.

Tutorial: Hoe navigeren in React Native applicatie

#

In deze tutorial zal ik jullie tonen hoe je kunt navigeren in een React Native applicatie. Om deze tutorial af te bakenen start ik vanuit een nieuwe Expo applicatie. Voor meer info over hoe je Expo installeert en een Expo applicatie opzet verwijs ik naar de website van Expo.

#

3 soorten navigatie

#

In React Navigation heb je 3 soorten navigatie die je kunt gebruiken.

#

Stack navigatie (1ste foto) kun je het best zien als een boek. Draai je de eerste bladzijde om kom je terecht op de 2de, enzovoort. Draai je de eerste bladzijde terug kom je terug op de 1ste.

#

Tab navigatie (2de foto) is zoals het het zelf al zegt met tabs. Deze kun je aan de onderkant van je scherm of aan de bovenkant van je scherm plaatsen.

#

Drawer navigatie (3de foto) is ook een bekende manier. Het is een hamburger menu die van de linker of rechterkant van je scherm tevoorschijn komt.

#

React navigation installeren

#

Nu we de verschillende soorten navigatie kennen kunnen we beginnen. De eerste stap die we moeten doen is React Navigation installeren dit kan via onderstaand commando uit te voeren in de terminal van je expo applicatie.

#

npm install @react-navigation/nativeCopy

#

Omdat we met Expo werken moeten we ook nog enkele dependecies installeren dat doe je met volgend commando.

#

expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-viewCopy

#

Schermen

#

Vooraleer je kunt navigeren heb je uiteraard enkele schermen nodig hiervoor kun je een mapje screens aanmaken met daarin schermen. Voor deze tutorial heb ik enkele voorbeeldschermen aangemaakt alsook een global.js file met de basis opmaak onder een mapje styles.

#

home.js
about.js
settings.js
details.js

Zoals je ziet is dit telkens dezelfde file met een andere naam en text.

#

global.js

#

Stack navigatie

#

We starten met het home scherm. Om aan Stack navigatie te kunnen doen hebben we een knop nodig om van het home scherm naar een ander scherm, in dit geval het detail scherm, te kunnen gaan. Dit doe je door het Button component van React Native te importeren en er gebruik van te maken en er een onPress handler aan toe te voegen. Zo ziet onze home.js file er uit met een button.

De App.js is onze main file waarin we de navigatie tussen de verschillende schermen zullen creëren. In deze App.js file importeer je het NavigationContainer component. Dit is het component die de navigatie status bijhoudt. Alle navigatie moet tussen dit component plaatsvinden.

Daarnaast omdat we Stack navigatie willen gebruiken importeren we ook de functie createStackNavigator met de eigenschappen Navigator en Screen. Navigator om de navigatie te initialiseren en screen om de schermen te definiëren die je eerst nog moet importeren.

Met die functie kun je nu een constante aanmaken die je dan kunt gebruiken om de navigatie mee te voorzien.

De App.js file zou er nu als volgt moeten uitzien.

Als je nu je Expo app runt zie je dat als je op watch details klikt je naar het details scherm navigeert en je automatisch een terugknop hebt met de naam van je vorige scherm.

Tab navigatie

#

Om Tab navigatie in je applicatie te kunnen gebruiken importeer je net zoals voor Stack navigatie een functie. Bij Tab navigatie heb je 3 mogelijkheden createBottomTabNavigator, createMaterialBottomTabNavigator and createMaterialTopTabNavigator. Voor deze tutorial houden we het bij createBottomTabNavigator.

Nadat je de functie geïmporteerd hebt maak je er opnieuw een constante van.

De Stack navigatie steken we in een functie zodat we die binnenin onze Tab navigatie kunnen gebruiken.

Nu kunnen we de Stack navigatie binnen onze App functie gaan vervangen met de Tab navigatie. en de HomeStack functie gebruiken als een van de Tabs.

De App.js file zou er nu als volgt moeten uitzien.

Als je nu opnieuw de app runt zie je onderaan een tab balk met daarin de Home stack en de about page en kan je op die manier gaan navigeren.

#

Drawer navigatie

#

Als laatste type navigatie hebben we dan nog de Drawer navigatie deze gebruik je opnieuw op een gelijkaardige manier. Eerst de functie createDrawerNavigator importeren.

Daarna opnieuw een constante aanmaken met die functie.

Omdat we onze Tab navigatie in onze Drawer navigatie willen gebruiken maken we hier opnieuw een functie van.

Dan vervangen we de Tab navigatie in de App functie met de Drawer navigatie en gebruiken we de HomeTab functie samen met het settings scherm als de schermen.

De App.js file zou er nu als volgt moeten uitzien.

Als je de applicatie runt en je swiped van de linker kant van je scherm komt het hamburger menu tevoorschijn en kun je navigeren tussen de home tab en het settings scherm.

Alle code kun je hier terugvinden. Op de master staat de volledige code met alle navigaties samen. Daarnaast is er per type navigatie een aparte branch met die specifieke code aangemaakt.

#

referencies

#

React Navigation. (z.d.). React Navigation. Geraadpleegd op 10 februari 2021, van https://reactnavigation.org/docs/getting-started

Introduction to Expo. (z.d.). Expo Documentation. Geraadpleegd op 12 maart 2021, van https://docs.expo.io/

Hack The Future

#

#

Op 24 november 2020 deed ik van 9u tot 19u30 samen met Joris Basle mee aan de hackathon van Hack The Future, een initiatief van de Cronos Groep. Bij het registreren konden we kiezen tussen een aantal challenges. Joris en ik kozen voor de Game Web Tech challenge. Het doelpubliek was vooral gericht op studenten IT.

#

#

Na het ontvangen van een goodiebox met wat snacks, Hack The Future sokken en nog enkele gadgets waren we klaar om de dag te beginnen en zag ons schema er als volgt uit.

#

#

Door COVID-19 was het dit jaar een online editie van Hack The Future. Als platform hebben ze Thola gebruikt. Thola is een virtueel evenementenplatform dat je kunt gebruiken om je online evenement te hosten. Het leuke was dat het aangepast was aan het thema en je je eigen karakter kon kiezen en vrij kon rondlopen op het platform waar verschillende kamers waren.

#

#

Na een verwelkoming in de ceremonie kamer gingen we naar de kamer van onze challenge. Daar kregen we uitleg over onze opdracht. We moesten een digitale versie maken van het spel Black Stories, waarbij de ene speler vragen moet stellen om een verhaal te raden en de andere speler op die vragen enkel mag antwoorden met ja of nee.

#

We kozen om gebruik te maken van Vue.js voor de interface en socket.io voor de communicatie. We waren hiermee in onze opleiding al mee in aanraking gekomen maar snel bleek dat het bij ons alle twee goed was om dit eens opnieuw op te frissen.

#

Omdat we beperkt waren in tijd en we in het begin niet goed wisten hoe en wat, hebben we de opdracht niet kunnen afwerken. We konden uiteindelijk chatten met elkaar en je kreeg een random story maar verder zijn we niet gekomen. Hieronder zie je een screenshot van onze versie van Black Stories.

#

#

We hebben die dag wel veel bijgeleerd en plezier gemaakt, waarvoor we ons in de eerste plaats hadden ingeschreven.

#

Op het einde van de dag moesten we ons werk kort presenteren en werden de winnaars gekozen. Later werd in de ceremonie kamer alle winnaars van alle challenges bekent gemaakt. Jammer genoeg voor ons waren wij niet bij de gelukkigen.

Onze code kun je hier vinden.

Hoe is de website tot stand gekomen

Deze website is gemaakt met de CMS WordPress. In de module Content Management Systems hebben wij geleerd hoe je met verschillende content management systemen moet werken. Uit deze lessen vond ik WordPress de gebruiksvriendelijkste vandaar mijn keuze. Ik vind een CMS heel gemakkelijk om snel een mooie en goed werkende website te maken zeker voor een blog. Verder wordt de WordPress site gehost via Combell.

#

Een voordeel van een WordPress site is dat een bericht makkelijk aan te maken en te bewerken is. Door simpelweg in te loggen en van je Dashboard naar Berichten te gaan kun je daar je aangemaakte artikelen zien en aanpassen.

Jamstack Conf Virtual

Op 6 October 2020 volgde ik het Jamstack Conf evenement hosted door Netlify. Dit evenement had een duur van +-7u en het doelpubliek was iedereen met interesse in Jamstack.

#

Om 18u onze tijd begon het evenement op het platform Hopin met een verwelkoming van de CEO en mede-oprichter van Netlify Matt Biilmann. Hij startte dat 2020 een moeilijk jaar is geweest door de pandemie. Daardoor is the Jamstack Conf voor de 2de keer virtueel in plaats van op locatie in San Francisco.

#

Hij heeft uitleg over Jamstack in het algemeen en hoeveel interesse er in is. Daarna introduceert hij de volgende generatie van Netlify Edge en geeft hij uitleg over Netlify Edge Handlers, Netlify functions en Netlify background functions.

#

Verder legt hij nog kort uit hoe je de bovenstaande zaken moet gebruiken en hoe simpel dat allemaal is.

#

Hij sluit af met te zeggen dat ze dit doen omdat ze allemaal groot geloof hebben in het web en ze het een nog betere en sterkere plaats willen maken om te publiceren en te creëren.

#

Leveraging the Jamstack for Rapid Response Campaigns

Rhonda Friberg, Alison Abreu-Garcia

#

Deze 2 vrouwen vertellen over hoe de ACLU de Jamstack heeft gebruikt om de ervaring van ontwikkelaars te verbeteren, de doorlooptijd te verkorten en indrukwekkende digitale ervaringen te bieden voor campagnes voor snelle respons ter verdediging van onze burgerrechten.

#

Teespring’s Journey to Jamstack

Rick Takes

#
Deze talk gaat over hoe Teespring omging met de snelle groei van hun bedrijf gebruikmakend van de Jamstack.

#

In Search of Jamstack Search

Dawid Gaweł

#

In deze talk navigeert Dawid ons door verschillende Jamstack-zoekrecepten en verkend de grenzen van pre-rendering. Hij toonde hoe je de juiste oplossing kiest en hoe je dynamische delen van uw website in het algemeen benadert.

#

Oh, the scripts we’ll load!

Tim Kadlec

#

In deze talk werd bekeken hoe je JavaScript op een pagina kunt laden en de hoeveelheid aan manieren waarop deze eenvoudige taak uw prestaties kan beïnvloeden.

#

DNF

#

Ik heb niet het volledige evenement bijgewoond. Al snel werd me duidelijk dat dit evenement niets voor mij was. Ik verloor heel snel mijn concentratie bij deze talks en kon er niet echt iets uit leren. Daardoor heb ik beslist het evenement vroegtijdig te verlaten. We hadden het in de lessen van Cloud and Internet of Things kort over Jamstack gehad maar ik kon de link niet meteen leggen. Ik heb beslist om dit evenement toch op mijn blog te laten staan omdat negatieve ervaringen er nu eenmaal bijhoren.

#

Getting woman into IT Internationaal project

Van 1 tot en met 6 maart 2020 ben ik op internationaal project geweest naar het New College Durham in Durham, Engeland. Ik heb een samenvatting gemaakt van hoe mijn week daar is verlopen.

#

Dag 1

De eerste dag was vooral de uitleg over het project en het verloop van de week. We werden opgesplitst in groepen waarin we ons project moesten doen. Er werd op gehamerd dat we uitsluitend Engels spraken. Nadat we in groepen waren verdeeld moesten we een oefening doen om het ijs te breken. We moesten de persoon links van ons voorstellen aan de rest van de groep. Daarna was het tijd om al eens te brainstormen over hoe we meer vrouwen in de IT kunnen krijgen wat dus ook de samenvatting van ons projectdoel was.

In de vroege avond hadden we de kans om lokale zoetigheden en drankjes te proberen. We moesten ook elk een Belgische specialiteit meenemen, de meesten van ons brachten wafels en chocolade mee. Uiteraard was er ook Belgisch bier.

#

Dag 2

De tweede dag, dinsdag, gingen we naar het Beamish Museum. Beamish is een wereldberoemd openluchtmuseum en vertelt het verhaal van het leven in Noordoost-Engeland in de jaren 1820, begin 1900 en 1940. Een dag doorbrengen in Beamish gaf ons inzicht in de cultuur van het noordoosten van Engeland. We kregen de kans om te zien hoe mensen leefden en werkten. We bezochten een ouderwetse school en een werkende kolenmijn, we aten traditioneel gekookte ‘fish and chips’ en deden wat algemene ervaring op met het leven van vroeger.

#

Dag 3

De derde dag hadden we de kans om verschillende workshops te doen. De mogelijke keuzes waren: Lego Mindstorms, fotoshoot, Mobile Apps, Design for Print, Interviews for Television en Virtual Reality (VR) Simulation. Je moest minimum 2 workshops bijwonen de rest van de dag mocht je verderwerken aan het project.

Ikzelf had gekozen voor de fotoshoot en Virtual Reality, twee leuke ervaringen.

#

Dag 4

De vierde dag was helemaal in het teken van het project. Tegen de avond moest ons project klaar zijn en ingediend worden om dan de volgende dag onze presentatie te geven.

Uit het onderzoek van onze groep naar waarom minder vrouwen in de IT stappen konden we afleiden dat na de lagere school de interesse in IT weg gaat bij meisjes. Een van de redenen hiervoor is om dat ze in het middelbaar een specifieke richting kiezen en dus de voeling met IT verliezen. Om dit probleem op te lossen hebben wij een blog gemaakt waarop enkele bekende vrouwen in de IT hun mening geven waarom je in de IT zou moeten stappen. Ook kwamen er interessante blog posts op om de interesse er in te houden. De blog dient dan als een soort hou vast voor die meisjes.

#

Dag 5

De laatste dag was vrij kort, aangezien sommigen van ons een vroege vlucht moesten halen. We ontbeten en gingen snel over op het opzetten van onze presentaties. De ene groep na de andere deden hun presentaties en uiteindelijk moest de jury beslissen wie de wedstrijd ‘beste en origineelste project’ won. Jammer genoeg hadden we niet gewonnen maar ze waren wel tevreden over ons geleverde werk.

#

Conclusie

Over het algemeen was dit een geweldige ervaring. Gelukkig konden we voor de coronapandemie gaan. Ik ben erg blij dat ik aan dit project heb deelgenomen het waren 5 dagen die ik nooit meer zal vergeten.