Dans une ère où la majorité des intranet ont été réalisés sur des plateformes On-Premises, autorisant une forte personnalisation, l'ascension de SharePoint Online comme portail d'entreprise doit être considéré... mais pas n'importe comment. Cette session a pour objectif de vous présenter les avantages d'y passer, les points clefs majeurs à prendre en considération et les retours d'expérience de leur réalisation.

1. Modern Workplace
Conference Paris 2021
CRÉER L'INTRANET DE SON
ENTREPRISE AVEC
SHAREPOINT ONLINE
Julien Chable
Consultant, Founder and CEO of the NC IT's dream team
19 janvier 2021 13:30 UTC+1

2. Modern Workplace
Conference Paris 2021
online
#MWCP21 18,19,20 Jan 2021
Thanks to
our sponsors !
Merci à nos sponsors

3. Suivez-nous tout au long de l’année !
Follow us all year round!
https://aos.community
https://twitter.com/mwcparis
#MWCP21
https://modern-workplace.pro
https://twitter.com/aOSComm
tps://www.linkedin.com/compan
y/ams-community
https://www.linkedin.com/company/
mwcp
https://www.facebook.com/
modernworkplaceconferenceparis
https://www.facebook.com/
aOSCommunity (FR)
https://www.facebook.com/
aosComm (EN)

4. Julien CHABLE
Consultant O365
Basé en Nouvelle-Calédonie, Nouméa
Aime le trail, la plongée et Microsoft 365 !

5. Créer son intranet avec SharePoint
• SharePoint Online est SharePoint Online …
• … ce n’est plus votre SharePoint OnPrems !
• La création d’un intranet relève aujourd'hui d’un nouveau défi : créer
un lieu de travail digital !
• Et pour cela, il va falloir faire plaisir à vos utilisateurs 

6. Pourquoi personnaliser son
intranet ?

7. Mais pourquoi personnaliser son intranet ?
• Les utilisateurs ont besoin d’aimer pour se sentir connecter et
l’utiliser
• L’expérience utilisateur est au centre de la démarche (pensée
mobilité, agilité, pragmatisme)
• Cela renvoie à l’image de votre entreprise
• Les besoins métiers doivent être adresser, l’expérience doit être
contextualisée sur la base des besoins des individus

8. Mais pourquoi personnaliser son intranet ?
Parce qu’une taille ne convient pas à tout le monde

9. Site de communication

10. Première étape : le thème
• Générateur de thèmes : https://developer.microsoft.com/en-
us/fluentui#/styles/themegenerator?fabricVer=5
• Déployer votre thème personnalisé dans SPO avec Add-SPOTheme :
https://docs.microsoft.com/fr-fr/powershell/module/sharepoint-
online/add-spotheme?view=sharepoint-ps

11. Site de communication : personnalisation
• Nouvel UI, nouvelle expérience utilisateur avec les pages modernes
• L’éditeur de script n’est plus … en standard : https://github.com/pnp/sp-
dev-fx-webparts/tree/master/samples/react-script-editor
• Quelques limitations :
• Quelques incohérences dans l’UI, en cours de correction
• Les pages d’évènements ne sont pas personnalisable (page d’application)
• Pas de création de page avec modèle autrement que par le menu
• Un positionnement dans les espaces réservés limité
• N’utilisez pas de master page personnalisé avec les modernes pages

12. Site de communication : personnalisation
• Les espaces réservés de
page (header/footer) sont
limités aux zones
supérieures et inférieures
de page
• Ne pas injecter du code
avec du javascript, cela
pourra casser en cas de
mise à jour par Microsoft
(et cela casse souvent)

13. Sites d’équipes

14. Les sites d’équipe / collaboration
• Faites un maximum de standard !
• Ne sortez pas des clous … sinon gare à vous 
• Ne changez pas vos habitudes SPO est quasi identique à SP
OnPrems

15. Etendre les possibilités de
SharePoint avec SPFx

16. SharePoint framework
• Votre point de départ : https://github.com/pnp/sp-dev-fx-webparts
• Vous êtes un développeur React, Handlebars, Knockout, Angular ou
Vue.js, pas de problème !
• SPFx s’exécute dans le contexte de l’utilisateur actuel et de la connexion dans
le navigateur
• Les utilisateurs finaux peuvent utiliser les solutions SPFx côté client
approuvées par les administrateurs
• Les composants WebPart SPFx peuvent être ajoutés aux pages classiques et
modernes.
• Les solutions SPFx peuvent être utilisées pour développer Microsoft Teams.

17. Personnalisation SharePoint Framework
• Une bonne base pour démarrer (merci Olivier CARPENTIER) :
• Webparts (40 fantatstiques) : https://github.com/OlivierCC/spfx-40-
fantastics
• Champs personnalisés : https://github.com/OlivierCC/sp-client-
custom-fields
• Les exemples de PnP : pnp/sp-dev-fx-webparts: SharePoint Framework
web part, Teams tab, personal app, app page samples (github.com)

18. Connectez vos données d’entreprise
• Vous souhaitez afficher des données de l’entreprise dans votre
portail :
• Power Apps (On Premises Gateways)
• PowerBI
• Publication web – attention à la sécurité
• Publication dans SharePoint Online / Webpart dédiée
• Données internes : exposer vos APIs avec un web service
• Données dans SharePoint OnPrems :
• Exposer une API proxy vers SharePoint (attention à la sécurité et au mirroring de
comptes)

19. Bonnes pratiques
• Limitez vous à un minimum de personnalisation, faites un maximum de standard
pour vos personnalisations
• SPFx pour les webparts, extensions de pages,
• Power Automate
• Power Apps (personnalisation de formulaires de liste)
• Utiliser des outils existants (Powell, Nintex, etc)
• Gardez les choses simples
• Oubliez votre SharePoint OnPrems … faites du neuf
• Focaliser vos développements sur les besoins critiques

20. Bonnes pratiques
• Faites une v1, puis v1.x puis v2
• Mettez en place une gouvernance
• Suivez les usages (statistiques)
• Microsoft peut modifier le code HTML de ses pages, ses scripts
… à n’importe quel moment
• Vous avez une mini application à faire dans SharePoint, faites du
Power Automate en utilisation SP comme backend

21. Modern Workplace
Conference Paris 2021
Online.
Registration is opened!
SHARE. DISCOVER.
EXPLORE.
PARTAGER. DÉCOUVRIR.
EXPLORER.

22. Merci pour votre attention !
Thanks for your attention!

23. Modern Workplace
Conference Paris 2021
SHARE. DISCOVER.
EXPLORE.
PARTAGER. DÉCOUVRIR.
EXPLORER.