O365 n'offre pas les mêmes possibilités en termes de design graphique que SharePoint onPremise. Quelles sont elles? Comment obtenir des solutions élégantes? Quels impacts au niveau de la gestion projet? Et on en profitera pour regarder ce que les modern teamsites et SharePoint Framework, lancé en preview cet été, devraient apporter.

1. aOS Aix-en-Provence
6 septembre 2016
Efficacité projet sur les intranets avec design en O365
Sébastien PAULET
@sp_twit

2. aOS Aix en Provence 06 sept. 2016
Présentation du conférencier
• 10 ans d’expérience en ECM, presqu’autant en SharePoint
• Support, dev, fonctionnel, Scrum Master, formateur, CdP, Dir proj’
• Quelques dizaines de consultants formés, coachés, cocoonés
• Quelques très beaux projets à son actifs et aussi
des échecs qui ont été l’occasion d’apprendre
• Très sensibles aux questions d’agilité, efficacité, ROI

3. aOS Aix-en-Provence
6 septembre 2016
Posons le sujet…

4. aOS Aix en Provence 06 sept. 2016
Intranet
-> canal de communication top-down interne
Do not include
GED, collaboratif
Includes
Point d’entrée du SI, d’un service ou d’une activité, design attrayant, SSO,
moteur de recherché, (multilinguisme), (RSE), (responsive)

5. aOS Aix en Provence 06 sept. 2016
Mécanisme CMS de SharePoint
MasterPage
CSS
Layout
Page

6. aOS Aix en Provence 06 sept. 2016
Problème
Sur O365 (SAAS)
Custo de la Masterpage bloque les montées de futures fonctionnalités
OnPremise
MasterPage figée dans le cas d’environnement mutualisés
Risque dans tous les cas
Projet à forte composante graphique / artistique et à très forte visibilité

7. aOS Aix-en-Provence
6 septembre 2016
Conseils et méthode pour mener le projet

8. aOS Aix-en-Provence
6 septembre 2016
Comment manger un éléphant?
…
Une bouchée après l’autre

9. aOS Aix-en-Provence
6 septembre 2016
Amorcez
Que voulons nous avec cet intranet?
Que veulent en obtenir nos visiteurs?

10. aOS Aix-en-Provence
6 septembre 2016
Etude du besoin
PERSONNES CONTENUS
FONCTIONALITES FLUX
FLUXELMT GRAPHIQUES

11. aOS Aix-en-Provence
6 septembre 2016
There is nothing so useless as doing
efficiently that which should not be
done at all.
Peter Drucker

12. aOS Aix-en-Provence
6 septembre 2016
Priorisez et collez au standard
Important
Facilité

13. aOS Aix-en-Provence
6 septembre 2016
Un Tiens vaut, ce dit-on, mieux que
deux Tu l’auras ;
Investissement ($)
Temps
Projet Agile
La Fontaine

14. aOS Aix-en-Provence
6 septembre 2016
Faites vos wireframes en collant au
standard

15. aOS Aix-en-Provence
6 septembre 2016
A good designer finds an elegant way
to put everything you need on a page
A great designer convince you half that
sh*t is unnecessary
Mike Monteiro

16. aOS Aix-en-Provence
6 septembre 2016
Outils & techniques

17. aOS Aix-en-Provence
6 septembre 2016
Outils #1
Police, couleurs, fond
Composed Looks et Tiles
Si ca ne suffit pas
SP Palette Color Tool

18. aOS Aix-en-Provence
6 septembre 2016
Outils #2
Contenu statique avec mise à jour ou dashboard/KPI
Visio ou Excel online / Power BI
Contenus statiques ou données externes
Content Editor WebPart avec source HTML
ou IFrame

19. aOS Aix-en-Provence
6 septembre 2016
Outils #3
Affichage de liste de contenus simple
Content Search Web Part
+ Display Template
(HTML, CSS, voire JS)
Affichage de contenus avec sources
multiples, navigation complexe
Cross site publishing
Si besoin des fonctionnalités de contribution
WP de liste + JS Link
Source

20. aOS Aix-en-Provence
6 septembre 2016
Outils #4
Modification du rendu global
CSS
Et besoin d’injecter du contenu
Injection JavaScript
Source

21. aOS Aix-en-Provence
6 septembre 2016
Et si ca ne suffit pas

22. aOS Aix-en-Provence
6 septembre 2016
Aller plus loin
Regarder l’existant en JS / Jquery présent sur internet
#SharePoint #Javascript
nSPTiles
CodePlex (52)
Github (653) et PnP

23. aOS Aix-en-Provence
6 septembre 2016
Coming soon
Modern team site
Responsive new UX + new WebParts

24. aOS Aix-en-Provence
6 septembre 2016
Coming soon
SharePoint Framework #SPFx (Preview)
JS/TypeScript integrant Angular JS,
React et autres
(voir http://blog.mastykarz.nl)
Exemple : Photopile par @olivierC
à retrouver au MS Experience’2016
le 05/10 avec @gbouveret

25. aOS Aix-en-Provence
6 septembre 2016
Je veux être libre de la mise en page et
ai compris le risque de custo la MP
Ne réinventez pas la roue
Business.O365StarterIntranet en
cours d’approbation dans PnP
(by @FranckCornu himself)
Navigation, recherche, responsive
design et gestion du multilinguisme
sous stéroïdes et exemple de WP et
display templates

26. aOS Aix en Provence 06 sept. 2016
Conclusion
Guidez, cadrez, soyez carré
Priorisez, épurez et challengez les besoins
Itérez en collant au standard

27. aOS Aix en Provence 06 sept. 2016

28. aOS Aix-en-Provence
6 septembre 2016
Merci à nos sponsors !

29. aOS Aix-en-Provence
6 septembre 2016
@aOSComm