efficacité projet sur les intranets avec design en o365-aos aix en provence 09/2016
TRANSCRIPT
![Page 1: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/1.jpg)
aOS Aix-en-Provence6 septembre 2016
Efficacité projet sur les intranets avec design en O365Sébastien PAULET @sp_twit
![Page 2: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/2.jpg)
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
![Page 3: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/3.jpg)
aOS Aix-en-Provence
6 septembre 2016
Posons le sujet…
![Page 4: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/4.jpg)
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)
![Page 5: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/5.jpg)
aOS Aix en Provence 06 sept. 2016
Mécanisme CMS de SharePointMasterPage
CSSLayout
Page
![Page 6: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/6.jpg)
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 casProjet à forte composante graphique / artistique et à très forte visibilité
![Page 7: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/7.jpg)
aOS Aix-en-Provence
6 septembre 2016
Conseils et méthode pour mener le projet
![Page 8: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/8.jpg)
aOS Aix-en-Provence6 septembre 2016
Comment manger un éléphant?…Une bouchée après l’autre
![Page 9: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/9.jpg)
aOS Aix-en-Provence6 septembre 2016
Amorcez
Que voulons nous avec cet intranet?
Que veulent en obtenir nos visiteurs?
![Page 10: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/10.jpg)
aOS Aix-en-Provence6 septembre 2016
Etude du besoin
PERSONNES CONTENUS
FONCTIONALITES FLUX
FLUXELMT GRAPHIQUES
![Page 11: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/11.jpg)
aOS Aix-en-Provence6 septembre 2016
There is nothing so useless as doing efficiently that which should not be done at all.Peter Drucker
![Page 12: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/12.jpg)
aOS Aix-en-Provence6 septembre 2016
Priorisez et collez au standardImportant
Facilité
![Page 13: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/13.jpg)
aOS Aix-en-Provence6 septembre 2016
Un Tiens vaut, ce dit-on, mieux que deux Tu l’auras ;
Investissement ($)
Temps
Projet
clas
siqueProjet Agile
La Fontaine
![Page 14: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/14.jpg)
aOS Aix-en-Provence6 septembre 2016
Faites vos wireframes en collant au standard
![Page 15: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/15.jpg)
aOS Aix-en-Provence6 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 unnecessaryMike Monteiro
![Page 16: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/16.jpg)
aOS Aix-en-Provence
6 septembre 2016
Outils & techniques
![Page 17: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/17.jpg)
aOS Aix-en-Provence6 septembre 2016
Outils #1Police, couleurs, fond Composed Looks et Tiles
Si ca ne suffit pas SP Palette Color Tool
![Page 18: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/18.jpg)
aOS Aix-en-Provence6 septembre 2016
Outils #2Contenu statique avec mise à jour ou dashboard/KPIVisio ou Excel online / Power BI
Contenus statiques ou données externesContent Editor WebPart avec source HTML ou IFrame
![Page 19: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/19.jpg)
aOS Aix-en-Provence6 septembre 2016
Outils #3Affichage 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
![Page 20: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/20.jpg)
aOS Aix-en-Provence6 septembre 2016
Outils #4
Modification du rendu global CSS
Et besoin d’injecter du contenu Injection JavaScript
Source
![Page 21: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/21.jpg)
aOS Aix-en-Provence
6 septembre 2016
Et si ca ne suffit pas
![Page 22: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/22.jpg)
aOS Aix-en-Provence6 septembre 2016
Aller plus loin
Regarder l’existant en JS / Jquery présent sur internet #SharePoint #Javascript
nSPTilesCodePlex (52)Github (653) et PnP
![Page 23: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/23.jpg)
aOS Aix-en-Provence6 septembre 2016
Coming soon
Modern team site Responsive new UX + new WebParts
![Page 24: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/24.jpg)
aOS Aix-en-Provence6 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’2016le 05/10 avec @gbouveret
![Page 25: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/25.jpg)
aOS Aix-en-Provence6 septembre 2016
Je veux être libre de la mise en page et ai compris le risque de custo la MPNe réinventez pas la roueBusiness.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
![Page 26: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/26.jpg)
aOS Aix en Provence 06 sept. 2016
Conclusion
Guidez, cadrez, soyez carré
Priorisez, épurez et challengez les besoins
Itérez en collant au standard
![Page 27: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/27.jpg)
aOS Aix en Provence 06 sept. 2016
![Page 28: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/28.jpg)
aOS Aix-en-Provence
6 septembre 2016
Merci à nos sponsors !
![Page 29: Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016](https://reader035.vdocuments.pub/reader035/viewer/2022062523/58715d551a28ab8e5b8b6bbb/html5/thumbnails/29.jpg)
aOS Aix-en-Provence6 septembre 2016
@aOSComm