Tijdelijk extra IT-experts nodig?

Dit jaar zijn we met een grote delegatie vanuit ShareValue naar de Collaboration Summit in Düsseldorf geweest. Op maandag  vertrokken we. Een aantal collega’s heeft  alvast de stand opgebouwd zodat alles klaar was voor 2 dagen congres.

Onze beursstand met softijsjes

Als opening blikten Spencer Harbar en Adis Jugo terug op de afgelopen 10 jaar. Hierna nam Vesa Juvonen het over (op zijn sokken 😊) en hij sprak over het gebruik van Microsoft Cloud en over 300 miljoen actieve gebruikers per maand voor Teams. Hierna “belde” Jeff Teper in om zijn waardering uit te spreken over de community en iedereen een mooi congres te wensen. Dit jaar zijn er 2.500 mensen aanwezig en hiermee is het het grootste Microsoft 365 event van de wereld.

Beveiliging Exchange

Hierna begonnen de sessies. Mijn eerste sessie van de dag ging over de beveiliging van Exchange hybride omgevingen. In het begin had hij een paar slides met de verschillende manieren van configureren en vroeg de zaal of dit bij hun het geval was. Hierna heeft hij de voor- en nadelen genoemd van de desbetreffende configuratie. De volgende slides gingen over het configureren van SPF, DMARC en DKIM. Bij elk onderdeel werd de noodzaak, best practices en uitleg gegeven wat het precies is.   

Azure Functions en Microsoft Graph

Solution met Azure Functions en Microsoft Graph

Mijn tweede sessie ging over de hoe je een solution kan maken met behulp van Azure Functions en Microsoft Graph. Belangrijk was vooral dat je inzicht moet hebben in de data waarmee je gaat werken. 
De presentator had een tool ontwikkeld: goverancetoolkit365.com. 

Hiermee krijgt je inzicht in het gebruik van je tenant en de licenties die je hebt. Daarbij kan je ook zien hoeveel externe gebruikers er zijn en wanneer deze voor het laatst hebben ingelogd. Tijdens de sessie liet hij zien hoe de flows zijn gemaakt en wat de best practices zijn. Hierbij maken ze ook gebruik van een storage account met tabellen waar de data is opgeslagen.

Azure en Microsoft 365

Azure in combinatie met Microsoft 365

Een andere sessie ging over het gebruik van Azure i.c.m. Microsoft 365. In het begin van zijn sessie had hij het vooral over wat Azure is en hoe groot het is.

Daarna gaf hij een mooi overzicht waar alle Azure regio’s zijn en welke er nog zijn aangekondigd.

Vervolgens gaf hij uitleg dat Azure bestaat uit verschillende subscriptions die gelden als een security boundry.  Daarna werd de samenhang tussen Azure en Microsoft 365 getoond met behulp van onderstaande afbeelding:

Hierbij is duidelijk dat er één identity provider is, Azure Active Directory, en dat deze zowel aan Azure als aan Microsoft 365 (o.a. SharePoint, Teams en Exchange) gekoppeld is. Het volgende onderwerp was het gebruik van tools. Denk hierbij aan Visual Studio Code en Git. Het belangrijkste is eigenlijk dat je niet meer zonder GitHub Copilot kan en hier werd dan ook een demo van gegeven.

Beheer automatiseren

Beheer van Microsoft 365 automatiseren

De laatste sessie van de dag ging over het automatiseren van de Microsoft 365 omgeving en dan vooral de beheer-kant hiervan. Tegenwoordig heb je meerdere admin portalen waar je allerlei instellingen kan aanpassen. En wat het nog onoverzichtelijker maakt, is dat sommige portalen dezelfde instellingen gebruiken. Vanuit de community is hiervoor een open-source tool ontwikkeld, Microsoft365 DSC op basis van PowerShell.

Deze tool bestaat uit verschillende modules. Met deze tool kan je een export maken van je huidige inrichting, in Excel of HTML-formaat. Daarbij is het ook mogelijk om deze export in een configuratiebestand op te slaan. Dit bestand kan je dan weer gebruiken om een vergelijk te doen van de configuratie, van bijvoorbeeld 2 weken geleden, tegen de huidige omgeving om zo wijzigingen te kunnen zien. Dit kan, doordat Microsoft 365 DSC gebruikmaakt van configuratiebestanden waarbij de logica aan de achterkant wordt gedaan met de verschillende PowerShell commando’s. Door het gebruik van de configuratiebestanden is het heel geschikt om hier pipeline voor te gebruiken. Dit zorgt ervoor dat het mogelijk is om wijzigingen te laten goedkeuren door een collega.

Door het gebruik van deze technologie is het gebruik van een staging, development omgeving mogelijk. De wijzigingen worden eerst gestuurd naar deze omgeving om de wijziging te controleren. Indien akkoord kunnen dezelfde wijzigingen in productie worden genomen.
Voordeel van deze opzet is dat je dus een vier ogen principe hanteert en je, door het gebruik van een GitHub of Azure DevOps, versiegeschiedenis hebt van de wijzigingen in de omgeving.
 

Zero Trust

Zero trust

De tweede dag begon om negen uur begonnen met een sessie over Zero Trust. Tijdens deze sessie werd duidelijk dat zero trust een principe is en geen product. Waarbij de focus ligt op het niet vertrouwen van dingen maar om alles te verifiëren. 

Secure software met GitHub

Developing secure software with GitHub

Hierna was de keynote van de tweede dag. Weer gegeven door Vesa Juvonen maar nu met andere gasten op het podium die verschillende dingen lieten zien. Was een leuke ‘gezellige’ keynote. 

Hierna een heb ik sessie gevolgd buiten mijn comfort zone, Developing secure software with GitHub. Hierin werd vooral behandeld hoe je veilig je code in verschillende repositories kan opslaan en ervoor zorgen dat deze altijd veilig blijven. Tijdens de sessie werden sommige tools besproken, waaronder CodeQL. 
 

Deze tool kan op basis van de gegevens die zijn ingesteld de code scannen tijdens een pull request en hier dan een melding voor geven. Deze dienen dan eerst te worden opgelost voordat de code daadwerkelijk in productie kan worden genomen.

In bovenstaand voorbeeld staat er een Azure Storage account Key in de code. Deze moet bijvoorbeeld via een variabele worden aangeroepen in plaats van hard coded in de code.

Conclusie

Verder heb ik gedurende de dagen natuurlijk meerdere stands bezocht in de Expo hal en natuurlijk bij onze eigen stand met soft ijsjes geweest. Veel mensen gesproken. 

Het was een goed congres en alle collega’s hebben weer kennis opgedaan om onze klanten te voorzien van een goed advies op basis van de laatste ontwikkelingen. Als we je kunnen helpen met een van bovenstaande onderwerpen, horen we het dan ook graag!

In deze blog vind je informatie over wat je met de nieuwe Preview functie (april 2023) in Power Apps kunt doen. Op dit moment is er nog geen documentatie van beschikbaar en moet je alles zelf uitproberen.  

Ik zet alle benodigde informatie, tips en duidelijke afbeeldingen op een rijtje om direct aan de slag te kunnen met de modern controls! 

De originele controls, Teams controls en nu ook de modern controls!

Het standaard uiterlijk van de canvas apps kennen we al een tijdje. Naar mijn mening verdient dit geen schoonheidsprijs en kan het mooier. Want het oog wilt ook wat. De gebruikerservaring nemen we gelijk mee in deze verbetering. 

De controls uit Teams kun je al gebruiken in Power Apps, met een kleine omweg. Hoe je dit doet kom ik verderop in deze blog op terug. 

Nu is er een nieuwe functie beschikbaar, de modern controls. Dit is gebaseerd op het Microsoft Fluent Design System. Hiermee ontwerp je sneller en gemakkelijker een app die er overzichtelijker en ruimtelijker uitziet. Én bovenal een betere gebruikerservaring oplevert. Dit alleen al door een paar mooie onderdelen toe te voegen!  
 

Hoe schakel je deze functie in? 

Om de modern controls te kunnen gebruiken, controleer je eerst de instellingen. Open de app vanuit de Power app studio (https://make.powerapps.com) en navigeer onderaan naar de instellingen.

1: Onder de tab 'Upcoming features' klik je op 'Preview', onderaan schakel je de optie 'Try out the modern controls' in.  

2: Controleer in de tab 'Support' welke versie je momenteel hebt. Deze dient minstens 3.23034.5 of hoger te zijn. Welke versie je hebt, wordt bepaald door de locatie waar je omgeving zich bevindt en de verversingscadans. Wanneer er een update wordt uitgebracht voor jouw omgeving, verandert de standaardversie van de Power Apps Studio. Pas dit alleen aan indien nodig. Je kunt de versie aanpassen via ‘Edit’. Zodra je beide stappen hebt gedaan en het instellingenmenu afsluit, kun je aan de slag. 

3: In de app staat nu onder 'Insert' een nieuw onderdeel genaamd 'modern controls'. Het is een lijst met behoorlijk wat nieuw functies die je naast de gebruikelijke controls nu ook kunt toevoegen aan de App.  

Welke modern controls zijn er? 

Hierbij een overzicht van alle modern controls met hun bijbehorende functie. 

1: Voorbeeld van de app met de originele controls:

2: Voorbeeld van de App met modern controls:

Door vanuit Power Apps in Teams te bouwen, maak je snel een App met het bijbehorende Teams-uiterlijk. Dit geeft de gebruiker herkenbaarheid en de App draait soepel in de gewenste kanalen. 
De controls uit Teams kun je met een kleine omweg gebruiken in de Power Apps Studio.

Hoe kun je de elementen uit Teams aan je Canvas App toevoegen? 

Open Teams en ga in de linker navigatiebalk naar de App genaamd 'Apps'. Hier kun je zoeken op Power Apps en voeg deze toe door ‘Add’ te selecteren. 

Om hier gemakkelijk bij te kunnen vanuit je navigatiebalk in Teams, kun je de App vastpinnen. Door onderaan de linker navigatiebalk de 3 bolletjes te selecteren, kun je de Power App opzoeken. Om het vast te pinnen druk je met de rechtermuisknop op de app en 'Pin'.  

Nu kun je vanuit Teams een Power App creëren en hierin enkele controls toevoegen. Deze controls kun je d.m.v. kopiëren toevoegen aan je Canvas App in een andere omgeving, zoals de Power Apps Studio van de browser. Door dit te doen heb je meer functionaliteiten dan in de Power Apps in Teams. Voorbeeld hoe het er uit komt te zien: 

Op dit moment zijn de modern controls helaas nog een preview functie, met bijbehorende beperkingen. Enkele nadelen zijn: De eigenschap sets (properties) zijn anders dan van de originele controls. De standaard kleuren die je gebruikt in de app zijn niet aanpasbaar. De App checker regels, zoals toegankelijkheid en formules werken momenteel nog niet. En de datepicker is niet op dezelfde manier in te stellen qua standaarden.  

Mijn advies: probeer voor nu de modern controls vooral uit en raak ermee bekend. Om het gebruiksvriendelijk en overzichtelijk te houden voor jezelf, bouw een app met of alleen modern controls, of alleen met de originele of Teams controls. Een combi van beide doet de App nu nog geen goed.

Conclusie: ondanks de nu nog aanwezige beperkingen die bij een Preview functie horen, zijn de modern controls echt veelbelovend en voegen absoluut wat toe aan de gebruikerservaring. De App loopt soepeler, is sneller, duidelijker en visueel aantrekkelijker. Voor de makers is het ook gemakkelijker te configureren.
Hopelijk is het snel voor iedereen Generally Available, met nog meer toffe functies eraan toegevoegd!

In mijn volgende blog ga ik meer in op de UI van Canvas Apps. En geef ik meerdere tips & tricks die ik graag had geweten toe ik begon met Power Apps. Dus houdt de ShareValue website in de gaten! 

Meer weten?

Wil je meer weten over deze functionaliteit of over het Power Platform in het algemeen? Neem dan gerust contact op met ons zodat we de mogelijkheden kunnen bespreken.

Ook deze maand heeft Microsoft weer een aantal mooie verbeteringen en nieuwe ontwikkelingen uitgebracht. Eén van deze verbeteringen wil ik met jullie gaan bespreken in mijn blog.

In mijn blog van de maand maart heb ik jullie een uiterlijke verandering laten zien in Power Automate op het gebied van expressies. Deze maand komt er een verbetering uit die het mogelijk maakt om invoergegevens op te maken op basis van voorbeelden; dus expressies genereren in plaats van ze zelf te schrijven in Power Automate!

Hoe ziet dit eruit?

Expressies in Power Automate is een krachtige manier om bewerkingen uit te voeren op gegevens. Nu kan het opmaken van expressies best ingewikkeld zijn, vooral als het gaat om complexe varianten. Het is nu mogelijk om op basis van voorbeelden een expressie op te bouwen. Waardoor je zonder de verschillende functies en bijbehorende syntaxis te kennen die nodig zijn om de gewenste expressies te maken, toch die complexe variant kunt opmaken. Dit is voor elke maker, ervaren of niet, een perfecte toevoeging.

Als je tekst, data of getallen wilt opmaken, kan dit vrij gemakkelijk door alleen voorbeelden te geven van de uitvoerindeling die je door de stroom wilt produceren. Power Automate genereert automatisch de expressieformule die je dan direct kan gebruiken in je flow.

Datum opmaken op basis van voorbeelden.

Hoe gebruik je deze functionaliteit? Stel je voor: je gebruikt een SharePoint-lijst met reserveringen op producten die je uitleent voor twee weken. Als de twee weken verlopen zijn, wil je een e-mail verzenden naar de persoon die het product heeft geleend met de vraag deze in te leveren. Standaard noteert de SharePoint-indeling data als volgt: 2023-05-14. Maar dit wil je in het e-mailmeldingsbericht weergeven als 14 mei.
Laten we eens kijken hoe we de notatie van de datum met opmaakgegevens kunnen wijzigen aan de hand van voorbeelden.

Wanneer je de Flow bewerkt in de Power Automate-ontwerper, selecteer je de actie waarin je de opgemaakte datum wilt invoegen en ga je vervolgens naar een tekstveld op de kaart.
Selecteer in het venster dat opent de optie Expressie > Gegevens opmaken op basis van voorbeelden.

In de lijst die geopend wordt, vind je alle items die in de stroom weergegeven kunnen worden. Selecteer het item dat je wilt omzetten en geef een voorbeeld van de oorspronkelijke gegevens voor het item dat je in de vorige stap hebt geselecteerd.

Power Automate geeft de expressie weer waarmee je de gewenste uitvoer te zien krijgt. Dit kan je testen met een andere waarde om te bevestigen dat de expressie doet wat je verwacht.

Conclusie

Met deze verbetering ben je in staat om makkelijk en snel je expressies vorm te geven, zonder dat je de verschillende functies en bijbehorende syntaxis kent die nodig zijn om de gewenste expressies te maken.
Deze functionaliteit is voor iedere maker een verbetering, eenvoudig in gebruik en krachtig in uitvoer. Probeer het eens uit en je zal zien dat het ook jouw Flow beter maakt.

Wil je meer weten over deze functionaliteit of over het Power Platform in het algemeen? Neem dan gerust contact op met ons zodat we de mogelijkheden kunnen bespreken.

Wil jij als developer beter worden in je vak? Zoek dan niet verder! In deze blog schetsen we vijf tips voor het gebruik van ChatGPT om een betere developer te worden, inclusief het samen zoeken naar oplossingen voor toepassingsproblemen, het opsporen van fouten in code, het uitleggen van codefunctionaliteit, het schrijven van betere tests en het verbeteren van de leesbaarheid van de code.

ChatGPT helpt door mee te zoeken naar de oorzaak van een probleem in je toepassing

Mijn team en ik ondervonden een probleem in onze applicatie, waarbij gegevens moesten worden opgenomen en modellen nog moesten worden bijgewerkt. Wij werken aan een Angular applicatie.

Ik ontdekte bijvoorbeeld de kracht van het ontdekken van oplossingen en problemen in een applicatie.

Situatie: De RxJS Subscripition bestond niet

Na lang zoeken via Google begonnen we vragen te stellen aan ChatGPT. We zijn begonnen met de volgende vraag:

“We gebruiken RxJS; we hebben een BehaviourSubject, maar in het begin worden de gegevens ontvangen door de  “subscribe()” methode, maar later niet. Wat zou het probleem kunnen zijn?”

ChatGPT begon de vraag te beantwoorden met mogelijke situaties. Ten slotte stelde ChatGPT voor om te controleren of de subscripition nog actief was. ChatGPT bood ons ook een oplossing om het te controleren.

En dat werkte. Uiteindelijk hebben we de oorzaak gevonden en konden we het probleem oplossen.

De vraag: 

Het antwoord: 

ChatGPT helpt bij het opsporen van problemen met falende tests

In de afgelopen maanden hebben we ChatGPT opgenomen in al ons werk.

Soms kun je falende tests hebben waar de oorzaak niet meteen duidelijk is. ChatGPT kan dan helpen de problemen te ontdekken en helpen bij het vinden van de oplossing.

Bijvoorbeeld bij de volgende situatie. Dit kwamen wij de laatste tijd tegen:

Situatie: Datumfunctie verkeerd berekende datum met Vanilla JavaScript

Onlangs hebben we een oude datumbibliotheek vervangen door een nieuwe. Maar we moesten een vertaallaag creëren, zodat onze afhankelijkheden nog steeds werken.

Nadat we dat hadden gedaan, controleerden we de end-to-end tests. En wat was het geval? Eén fout! Een methode die vroeger werkte, werkte nu niet meer. 

getCalculatedDate(days: number, months: number, years: number) {
    const today: Date = new Date();
    const calculatedDate = new Date(
      today.getFullYear() + years,
      today.getMonth() + months,
      today.getDate() + days
    );
    const days = String(calculatedDate.getDate()).padStart(2, '0');
    const months = String(calculatedDate.getMonth() + 1).padStart(2, '0');
    const years = String(calculatedDate.getFullYear());
    const formattedDate = days + '-' + months + '-' + years;
    return formattedDate;
  }

Het probleem was één uur tijdsverschil. Hoewel we de invoer van de methode niet hebben gewijzigd, heeft de uitvoer van de vergelijkingsfunctie dat wel gedaan.

Na meerdere keren proberen, begonnen we vragen te stellen aan ChatGPT:

• Wat als ik 3 maanden en 1 dag toevoeg aan vandaag? Welke datum is dat?
• Leg de berekening uit.
• Zou het antwoord anders zijn als je eerst dagen optelt in de berekening?

Uiteindelijk hebben we de functie aan ChatGPT gegeven en gevraagd wat hier niet goed ging. ChatGPT ontdekte dat je eerst een dag aan de datum moet toevoegen in vanilla JavaScript. Maak vervolgens een nieuwe datum en voeg de maand en het jaar toe. 

Het grappige was dat het gebeurde op de 31e dag van de maand. En er lijken eigenzinnige dingen te zijn met datums (DATES) in JavaScript (zoals velen van ons weten).

Uiteindelijk hebben we het opgelost. Maar dit laat zien dat als je veel vragen stelt aan ChatGPT, het veel dingen uitlegt en het uiteindelijk kan helpen bij het oplossen van problemen. 

Situatie: ChatGPT legt een stukje code uit

Omdat ik in een grote codebase werk, die ontwikkeld en onderhouden wordt door veranderende teamleden, kan de code niet altijd zo duidelijk zijn als je wilt.

ChatGPT kan je hierin ook helpen. Het heeft me geholpen om de functionaliteit veel eenvoudiger te maken en beter te begrijpen, zodat ik het kon herschrijven.  

Geef ChatGPT een stukje van de code en vraag om het uit te leggen. Zo simpel is het.

Voorbeeld: Vraag om uitleg 

Antwoorden:

ChatGPT kan je helpen betere tests te schrijven

Voor veel developers is het schrijven van tests een uitdagende taak. Na meer dan tien jaar ervaring vraag ik me soms nog steeds af:

• Welke testen heb ik nodig?
• Hoeveel testcases moet ik maken?
• Heb ik alle randgevallen afgedekt?

En nog veel meer. ChatGPT heeft me hiermee ook geholpen.

Soms gebruik ik het om te brainstormen en te vragen om extra testcases die ik heb gemist.

ChatGPT heeft mijn team en mij echt geholpen, waardoor ik betere code geschreven heb om te testen.

Situatie: ChatGPT kan jouw code herschrijven voor een betere leesbaarheid

Soms vind je codevoorbeelden online en vraag je je af hoe het werkt en of er een eenvoudigere manier is om ze te schrijven.

Plaats een code in ChatGPT en vraag het om deze te herschrijven. Zo simpel is het en het helpt echt!

Voorbeeld: Laten we zeggen dat we een complexe productstructuur in onze API hebben. 

{
  "products": [
    {
      "id": 1,
      "name": "Product A",
      "category": {
        "id": 10,
        "name": "Electronics",
        "properties": {
          "warranty": "1 year",
          "returnPolicy": "30 days"
        }
      },
      "brand": {
        "id": 100,
        "name": "Brand X",
        "properties": {
          "country": "USA",
          "established": "1995"
        }
      },
      "properties": {
        "color": "black",
        "weight": "1.2 kg"
      }
    },
    {
      "id": 2,
      "name": "Product B",
      "category": {
        "id": 11,
        "name": "Furniture",
        "properties": {
          "material": "wood",
          "assemblyRequired": "yes"
        }
      },
      "brand": {
        "id": 101,
        "name": "Brand Y",
        "properties": {
          "country": "Germany",
          "established": "2001"
        }
      },
      "properties": {
        "dimensions": "100x50x30 cm",
        "color": "brown"
      }
    }
  ]
}

We willen de producten sorteren op basis van de eigenschap retourbeleid. Een ander heeft deze functie lang geleden ontwikkeld. Het is niet makkelijk te lezen, dus we willen het leesbaarder maken en TypeScript toevoegen.

function s(p){
  return p.sort((a,b)=>a.category.properties.returnPolicy.localeCompare(b.category.properties.returnPolicy))
}

We kunnen ChatGPT vragen om het leesbaarder te maken en typen toe te voegen. Dit is het resultaat: 

interface Properties {
  returnPolicy?: string;
  [key: string]: any;
}

interface Category {
  id: number;
  name: string;
  properties: Properties;
}

interface Product {
  id: number;
  name: string;
  category: Category;
  [key: string]: any;
}

/**
 * Sort an array of products based on the "returnPolicy" property.
 * @param {Product[]} products - The array of products to be sorted.
 * @return {Product[]} - The sorted array of products.
 */
function sortProductsByReturnPolicy(products: Product[]): Product[] {
  return products.sort((productA, productB) => {
    return productA.category.properties.returnPolicy.localeCompare(
      productB.category.properties.returnPolicy
    );
  });
}

Zoals je kunt zien, schreef ChatGPT een product-, categorie- en generieke eigenschappeninterface en paste deze toe op de functie. Maar het voegde er ook enkele expliciete opmerkingen aan toe.

Dus refactoring wordt een stuk eenvoudiger met ChatGPT!

Conclusie

Kortom, ChatGPT kan developers op vele manieren helpen. Of je nu net begint of al jaren developer bent, ChatGPT kan je helpen verbeteren. Deze blog biedt vijf tips voor het gebruik van ChatGPT voor probleemoplossing en leesbaarheid van code. Door ChatGPT te gebruiken, kun je sneller en met minder fouten code schrijven.

Een van de beste dingen van ChatGPT is dat het fouten in code kan vinden. Zelfs ervaren developers maken fouten en het vinden ervan kan lastig zijn. ChatGPT maakt het makkelijk om fouten te vinden en op te lossen. ChatGPT kan je ook uitleggen wat een code doet en betere tests schrijven.

ChatGPT is ook goed in het makkelijker leesbaar maken van code. Grote codebases kunnen moeilijk te onderhouden zijn, vooral als de code beter geschreven moet worden. Om de leesbaarheid van code te verbeteren, kun je met ChatGPT een code toegankelijker maken voor andere developers om te begrijpen.

Een van de krachtigste eigenschappen van ChatGPT is dat het developers kan helpen beter samen te werken. Developers kunnen effectiever werken met ChatGPT om mee te denken over oplossingen, fouten te vinden en de codekwaliteit te verbeteren. In combinatie met menselijke ervaring kan ChatGPT developers helpen betere resultaten te leveren en innovatie te stimuleren.

Kortom, ChatGPT is een waardevolle tool voor developers van alle niveaus. Door de tips in deze blog te volgen en ChatGPT in je werk te gebruiken, kunt je betere code schrijven, tijd besparen en betere resultaten behalen. Of je nu een beginner of een expert bent, ChatGPT is de moeite waard om te verkennen om te zien hoe het jou en jouw team kan helpen. 

Deze maand komen er weer een aantal mooie updates uit op het Power Platform waaronder een aanpassing in het uiterlijk van modelgestuurde apps (model driven apps). Modelgestuurde apps hebben een moderner, vernieuwend uiterlijk gekregen. In deze update zit onder andere een bijgewerkte styling, waaronder lettertypen, kleuren, randen, schaduwen etc. Al deze aanpassingen zijn afgestemd op het nieuwste Fluent design.

Hoe ziet deze moderne, vernieuwende uiterlijk eruit?

Opdrachtbalk

De opdrachtbalk is in een aparte ‘zwevende’ sectie boven aan de pagina terug te vinden. 
Dit uiterlijk is afgestemd op de Microsoft 365-ervaring met afgeronde hoeken en hoogte.

Weergavepagina’s

De grootste verandering op weergavepagina's is de overschakeling van het alleen-lezen raster naar het Power Apps-rasterbesturingselement. Dit biedt de mogelijkheid voor oneindig scrollen door pagina’s. Het Power Apps-rasterbesturingselement ondersteunt ook online bewerken, waarmee gebruikers records kunnen bekijken, openen en bewerken vanuit weergaven en subrasters. 

Formulieren

Het onderdeel formulieren gebruikt ook de nieuwe opdrachtbalk. Maar hier zijn meer aanpassingen gedaan zoals vernieuwde kopteksten, tabbladen en secties. De snelle weergaven, kaartformulieren, kopteksten, sitemaps en de tijdlijn besturingselementen hebben een verandering in uiterlijk doorgemaakt.
Hieronder zie je een formulierpagina met een modern, vernieuwd uiterlijk.

Veldbesturingselementen

Ook de veldbesturingselementen zoals tekst invoer, actie-invoer, opzoeken zijn gebouwd en ontworpen met Fluent-componenten. Deze hebben nu een meer gestroomlijnd ontwerp. De pictogrammen zijn verplaatst naar de rechterkant van het veld labels. Sommige overbodige pictogrammen zijn verwijderd, als voorbeeld: het slotpictogram wordt niet weergegeven voor alleen-lezen velden.

Conclusie

Het Microsoft Fluent uiterlijk wordt de nieuwe moderne, snelle en efficiënte standaard voor veel Microsoft producten. Niet alleen de modelgestuurde apps maar ook andere Power Platform onderdelen worden langzaam getransformeerd in dit uiterlijk. Voor de modelgestuurde app is dit een begin van een modern, en een meer efficiënte manier van werken met je data in een gebruiksvriendelijke en herkenbaar uiterlijk.

Wil je meer weten over deze functionaliteit of over het Power Platform in het algemeen? Neem dan gerust contact op met ons zodat we de mogelijkheden kunnen bespreken.