SharePoint Framework

Arrix gaat steeds mee met de nieuwe technologieën en kijkt vooruit. In een altijd sterk veranderende markt willen we niet achterblijven. Zo hebben wij inmiddels ook de nodige kennis opgedaan van SharePoint FrameWork.

Wat is SharePoint Framework?

SharePoint Framework is een nieuwe manier voor ontwikkelaars om webonderdelen te kunnen ontwikkelen. Enige tijd geleden is Microsoft begonnen met het implementeren van een nieuwe “moderne” responsive lay-out als alternatief voor de traditionele pagina’s. Voor de beheerder van de SharePoint omgeving zijn deze mogelijkheden ook bekend als keuzeoptie onder de noemer: “Klassieke of Moderne weergave”. Het belangrijkste voordeel van de “Moderne weergave” is dat deze volledig responsive is en er dus ook zonder verdere aanpassingen meteen goed uitziet op tablets en smartphones. Dat is iets wat in de Klassieke weergave niet het geval is. Daarnaast wil Microsoft toe naar een uniforme manier waarop additionele componenten kunnen worden ontwikkeld.. Deze nieuwe methode is samengevat onder de noemer “SharePoint Framework”. In essentie is dit een model dat volledige cliëntside ontwikkeling mogelijk maakt. Dit laatste houdt in dat er geen code wordt uitgevoerd op de server maar alleen op de pc van de gebruiker.

_mg_2072_2

Dit blog is geschreven door Oscar Barradas, SharePoint Ontwikkelaar bij Arrix.

De ontwikkelde webparts zijn voor zowel SharePoint online als on-premise te gebruiken. Het is echter wel zo dat de moderne weergaven vooralsnog alleen voor SharePoint Online (Office 365) toegankelijk zijn.

  • Eigenschappen van het SharePoint Framework model:
  • Het maakt gebruik van de context van de huidige gebruiker en zijn connectie.
  • Het kan gebruik maken van verschillende bekende browser frameworks, zoals React, Knockout, Angular, etc.
  • Componenten zijn responsief en worden weergegeven in een normale pagina DOM.
  • De tools die te gebruiken zijn, zijn bekende tools in de open source wereld:
    • Typescript: Een super set onder javascript, waarmee types gedefinieerd kunnen worden (strings, int, etc.). Belangrijkste voordeel is dat het gebruik fouten in je code voorkomt.
    • Webpack: Bundelt je code.
    • Yeoman: Een generator om een project voor je te genereren. In ons geval is dat dus een SharePoint Framework project.
    • Gulp: Een toolkit om tijdrovende taken in de ontwikkeling uit handen te nemen.
  • Performance is betrouwbaar.
  • De webparts zijn te gebruiken in zowel Klassieke SharePoint pagina’s als de nieuwe “Modern Pages”.

Modern Pages en Office UI Fabric

Microsoft zet in op dit model met name voor het gebruik van webparts van Modern Pages. Het SharePoint Framework biedt verschillende mogelijkheden om responsive componenten te gebruiken vanuit de Office UI Fabric. De Office UI Fabric is het officiële front-end framework om SharePoint oplossingen te maken die aansluiten op de nieuwe ervaring van Office 365 (en dus SharePoint). Zo biedt dir framework React componenten die passen bij de nieuwe ervaring van SharePoint en Modern Pages. Deze React componenten zijn weer te gebruiken in het SharePoint Framework. Dit resulteert in een uniforme gebruikerservaring, zowel op PC, tablet en smartphone.

Hieronder ziet u een aantal voorbeelden van deze nieuwe moderne componenten:

Messagecomponent om korte berichten te tonen

sharepoint framework

Create Account

sharepoint framework

Toggle knop

sharepoint framework

Popup Dialog

sharepoint framework

Navigatie

sharepoint framework

Naast de componenten heeft Office UI Fabric verschillende manieren om SharePoint oplossingen te maken in de moderne stijl, zoals: merk iconen, animaties, kleuren, iconen, layouts, lokalisatie en typografie.

Praktijkvoorbeeld

Om dit alles handen en voeten te geven, hebben wij een voorbeeld uit de praktijk. Een klant van ons heeft de wens om te kunnen zoeken naar collega’s in de organisatie, waarbij de standaard SharePoint oplossing niet voldoet aan deze wensen. Wij hebben een oplossing voor hun gemaakt met het SharePoint FrameWork. Het is een moderne SharePoint webpart die op de nieuwe “Modern Page” geplaatst wordt.

Met het webpart kun je naar mensen in je organisatie zoeken. Het webpart gebruikt de nieuwe responsive componenten. De mensen in de organisatie worden weergegeven als visitekaartjes. Vanuit het visitekaartje kun je rechtstreeks naar het Delve profiel of de OneDrive van je collega’s gaan. Ook wordt de aanwezigheid en afwezigheid getoond. Het webpart werkt samen met Skype for Business om rechtstreeks een gesprek of videogesprek te starten.

Hieronder een voorbeeld van het webpart:

sharepoint framework

Heb je vragen naar aanleiding van dit bericht? Neem dan contact met ons op!

Bedrijfsnaam (verplicht):

Naam (verplicht):

Uw email (verplicht):

 Ik schrijf mij in voor de nieuwsbrief en blijf op de hoogte van de actuele ICT ontwikkelingen door middel van blogs, whitepapers en events.*

* Je ontvangt een aantal keer per maand de belangrijkste berichten in uw email. Door het aanmelden van de nieuwsbrief ga je akkoord met onze Privacyverklaring . Je kunt de nieuwsbrief ieder moment stopzetten. Wij respecteren jouw privacy volgens de AVG wet.

Typ onderstaande code over:
captcha

Ik schrijf mij in voor de nieuwsbrief en blijf op de hoogte van de actuele ICT ontwikkelingen door middel van blogs, whitepapers en events.

Uw naam (verplicht):

Uw email (verplicht):

* Je ontvangt een aantal keer per maand de belangrijkste berichten in uw email. Door het aanmelden van de nieuwsbrief ga je akkoord met onze Privacyverklaring . Je kunt de nieuwsbrief ieder moment stopzetten. Wij respecteren jouw privacy volgens de AVG wet.

Typ onderstaande code over:
captcha