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.

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.

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.

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/