SharePoint FrameworkMSIgnite @ Sparked

Modern SharePoint development

SharePoint https://mavention.sharepoint.com

Applicatie Ahttps://application.mavention.com

Solution is offloaded buiten SharePoint

SharePoint Extensibility PrinciplesBuild long-term, value-added services for enterprise mobility

To provide an Application Development Framework that aligns 1st and 3rd partiesTo build industry leading client side solutions On-Premises and in the CloudUnlocking the potentials of SharePoint and the Microsoft Graph on desktops or any device

SharePoint Framework (SPFx)

SharePoint framework

LOB Systems and Cloud ServicesMicrosoft Graph

Modern client-side development

Licht gewicht web en mobiel

Ook in OOB experiences

Backward compatible

Supports voor open source tools en JavaScript web frameworks

Het zijn en blijven WebParts

Gebaseerd op Modern Developemt

Werkt direct in een pagina

Client-side Web Parts

SharePoint Framework Components

Client-Side Web Parts

Modern Page Canvas

JavaScript Resource Management

Page Context & Site Data APIs

User Experience

Yeoman Templates

Gulp-based Build Process

SharePoint Workbench

Build Process & Tooling

Client-side Solutions

Tenant-Scoped Deployment

Packaging

IIS Express

Project TemplatesC#

Server side tool comparison

MSBuild

Workbench

• Lokaal werken met het SharePoint Framework• Development tool voor het debuggen & testen van web

parts• Ook beschikbaar in SPO

Demo

MSIgnite 2016

Custom list views (Field JSLink)Custom field renderings (View JSLink)More in-page user experiences (Custom actions)Full-page apps

Wanneer kies je wat

Add-ins

• Meer controle over IP

• Content gebaseerde rechten

• Volledige controle over UI

• Werkt in Modern UI

Client-side web parts

• Sluit automatisch aan op Modern UI • Responsive design & minder refreshes

• Werkt ook SharePoint Mobile App

• Admin consent nodig voor installatie

• Werkt onder het gebruikers account

SPFX & UI Fabric

Fonts, iconen KleurenComponenten

1.Lezen & Schrijven/me, /users, /groups, /messages, /drive, ….

2.Combineren/drive/items/<id>/lastmodifiedByUser

3.Trending informatie/insights/trending

4.Werk & Persoonlijk

Wat is de Microsoft Graph?

https://graph.microsoft.com/

Microsoft Graph

Microsoft Graph https://graph.microsoft.com

Werk Persoonlijk

…

MSIgnite 2016

SharePoint Sites en lijsten*Hybride on-premises support voor Outlook@mentions social gesturesQuery syntax zonder $OneDrive & grote bestandenAzure AD

• Administrative Units• Invitation Manager• Privileged Identity Management• Identity Protection• Application proxy

• Aangekondigd:• Delta queries voor Outlook & Azure AD• Intune API*• Office 365 rapporten

Zelf aan de slag!

• Alles over SPFX https://github.com/SharePoint/sp-dev-docs/wiki • Meer over de Microsoft Graph http://graph.microsoft.io

• Begin met ontwikkelen!• Geef feedback

https://sharepoint.uservoice.com/forums/329220-sharepoint-dev-platform