Consistentie verhoogt de gebruiksvriendelijkheid en versnelt de user adoption. Door in te zetten op herbruikbaarheid wordt het werk van ontwikkelaars daarnaast veel efficiënter. Canvas Apps bouwen met herbruikbare componenten is dus een slimme manier van werken. We bespreken enkele standaardmogelijkheden die kunnen helpen om sneller consistente apps te bouwen.
Luister je liever naar een amusant gesprek in plaats van deze blogpost te lezen? Dan hebben we goed nieuws voor jou! Deze blogpost is een samenvatting van de negende aflevering van onze podcastreeks, Power Lab Podcast. Twee van onze gezelligste experts exploreren maandelijks de mogelijkheden van het platform en komen zo zelfs tot nieuwe inzichten.
Lennert probeerde dit keer de Creator Kit van Microsoft uit die nog maar recent beschikbaar is. De Creator Kit is een serieus duwtje in de rug bij het maken van Power Apps, door de componentenbibliotheek en andere hulpmiddelen die de productiviteit van ontwikkelaars verhogen.
Zijn ervaring? Met de beschikbare componenten kan je snel een mooi scherm maken, dat daarbij ook nog eens makkelijk aanpasbaar is. Het is bijvoorbeeld perfect voor applicaties met lijstweergaven die je wil tonen in een interface die veel weg heeft van SharePoint door de vele beschikbare functionaliteiten.
Consistentie is een belangrijk element van een goede gebruikerservaring. Als je binnen een organisatie dezelfde componenten gebruikt doorheen verschillende apps, zijn gebruikers er sneller mee weg aangezien ze weten wat ze moeten doen of waar ze iets kunnen vinden. Daarnaast zullen de apps zo ook allemaal dezelfde look & feel uitstralen. Componenten hergebruiken is dus een serieuze boost voor de gebruiksvriendelijkheid en ook voor de user adoption.
Ook voor ontwikkelaars schuilen er heel wat voordelen in het recycleren van componenten. Door een aantal standaardcomponenten op punt te zetten, kan je ze nadien steeds weer uit de kast trekken. Dat bespaart heel wat tijd bij het bouwen en configureren van apps.
Style screen
Je kan er ook voor opteren om in je app een apart scherm toe te voegen waar geen navigatie naartoe is. In dat style screen kan je het kleurenpalet van de organisatie en alle veel gebruikte componenten met verwijzingen naar die kleuren toevoegen. Je kan de componenten dan vanuit dat scherm kopiëren en plakken in je app, zo blijft de verwijzing intact. Een eenvoudige manier om de huisstijl van een organisatie snel te integreren doorheen een applicatie.
Component library
Terwijl je componenten in een app maakt, kan je ook een bibliotheek van diezelfde componenten aanleggen. Door een componentenbibliotheek te maken, kunnen de ontwikkelaars die samenwerken eenvoudig componenten delen met elkaar. Een update van een component hoeft ook maar op één plek te gebeuren. Een componentenbibliotheek is dus een gecentraliseerde en beheerde opslagplaats van componenten die je makkelijk kan hergebruiken in apps van dezelfde tenant. De bibliotheek kan je trouwens ook exporteren zodat je deze kan importeren in een andere tenant.
Creator Kit
Zoals hierboven vermeld, kan je ook gebruik maken van de componenten die in de Creator Kit zitten. De kit is een gratis zip-bestand dat je kan downloaden en bevat heel wat handigheidjes zoals een canvas app waarin je de ingesloten componenten aan het werk kan zien, een componentenbibliotheek, enz. Alle controls zijn gemaakt in het Fluent UI framework en alle componenten zijn aanpasbaar. Maak zeker gebruik van de ‘quick-win’ componenten zoals de spinner, de header of een elevation effect waarmee je schaduw achter elementen kan plaatsen en zo je app op een makkelijke manier een professionele uitstraling geeft.
PowerApps Control Framework (PCF)
De meest gecompliceerde manier om herbruikbare componenten te bouwen, is door middel van het PowerApps Control Framework. Deze pro-code componenten zijn geschreven in TypeScript. Ze worden vooral gebruikt om nieuwe functionaliteiten toe te voegen die vandaag nog niet bestaan in Power Apps. Soms kan je deze PCF controls ook vinden in een community, dan moet je niet van nul beginnen en kan je de component aanpassen naar je eigen wensen. Wees wel altijd alert op wat en van wie je downloadt.
