aOS Aix-en-Provence
6 septembre 2016
Efficacité projet sur les intranets avec design en O365
Sébastien PAULET
@sp_twit
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
aOS Aix-en-Provence
6 septembre 2016
Posons le sujet…
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)
aOS Aix en Provence 06 sept. 2016
Mécanisme CMS de SharePoint
MasterPage
CSS
Layout
Page
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é
aOS Aix-en-Provence
6 septembre 2016
Conseils et méthode pour mener le projet
aOS Aix-en-Provence
6 septembre 2016
Comment manger un éléphant?
…
Une bouchée après l’autre
aOS Aix-en-Provence
6 septembre 2016
Amorcez
Que voulons nous avec cet intranet?
Que veulent en obtenir nos visiteurs?
aOS Aix-en-Provence
6 septembre 2016
Etude du besoin
PERSONNES CONTENUS
FONCTIONALITES FLUX
FLUXELMT GRAPHIQUES
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
aOS Aix-en-Provence
6 septembre 2016
Priorisez et collez au standard
Important
Facilité
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
aOS Aix-en-Provence
6 septembre 2016
Faites vos wireframes en collant au
standard
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
aOS Aix-en-Provence
6 septembre 2016
Outils & techniques
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
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
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
aOS Aix-en-Provence
6 septembre 2016
Outils #4
Modification du rendu global
CSS
Et besoin d’injecter du contenu
Injection JavaScript
Source
aOS Aix-en-Provence
6 septembre 2016
Et si ca ne suffit pas
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
aOS Aix-en-Provence
6 septembre 2016
Coming soon
Modern team site
Responsive new UX + new WebParts
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
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
aOS Aix en Provence 06 sept. 2016
Conclusion
Guidez, cadrez, soyez carré
Priorisez, épurez et challengez les besoins
Itérez en collant au standard
aOS Aix en Provence 06 sept. 2016
aOS Aix-en-Provence
6 septembre 2016
Merci à nos sponsors !
aOS Aix-en-Provence
6 septembre 2016
@aOSComm

Efficacité projet sur les intranets avec design en O365-aOS Aix en Provence 09/2016

  • 1.
    aOS Aix-en-Provence 6 septembre2016 Efficacité projet sur les intranets avec design en O365 Sébastien PAULET @sp_twit
  • 2.
    aOS Aix enProvence 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 septembre2016 Posons le sujet…
  • 4.
    aOS Aix enProvence 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 enProvence 06 sept. 2016 Mécanisme CMS de SharePoint MasterPage CSS Layout Page
  • 6.
    aOS Aix enProvence 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 septembre2016 Conseils et méthode pour mener le projet
  • 8.
    aOS Aix-en-Provence 6 septembre2016 Comment manger un éléphant? … Une bouchée après l’autre
  • 9.
    aOS Aix-en-Provence 6 septembre2016 Amorcez Que voulons nous avec cet intranet? Que veulent en obtenir nos visiteurs?
  • 10.
    aOS Aix-en-Provence 6 septembre2016 Etude du besoin PERSONNES CONTENUS FONCTIONALITES FLUX FLUXELMT GRAPHIQUES
  • 11.
    aOS Aix-en-Provence 6 septembre2016 There is nothing so useless as doing efficiently that which should not be done at all. Peter Drucker
  • 12.
    aOS Aix-en-Provence 6 septembre2016 Priorisez et collez au standard Important Facilité
  • 13.
    aOS Aix-en-Provence 6 septembre2016 Un Tiens vaut, ce dit-on, mieux que deux Tu l’auras ; Investissement ($) Temps Projet Agile La Fontaine
  • 14.
    aOS Aix-en-Provence 6 septembre2016 Faites vos wireframes en collant au standard
  • 15.
    aOS Aix-en-Provence 6 septembre2016 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 septembre2016 Outils & techniques
  • 17.
    aOS Aix-en-Provence 6 septembre2016 Outils #1 Police, couleurs, fond Composed Looks et Tiles Si ca ne suffit pas SP Palette Color Tool
  • 18.
    aOS Aix-en-Provence 6 septembre2016 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 septembre2016 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 septembre2016 Outils #4 Modification du rendu global CSS Et besoin d’injecter du contenu Injection JavaScript Source
  • 21.
    aOS Aix-en-Provence 6 septembre2016 Et si ca ne suffit pas
  • 22.
    aOS Aix-en-Provence 6 septembre2016 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 septembre2016 Coming soon Modern team site Responsive new UX + new WebParts
  • 24.
    aOS Aix-en-Provence 6 septembre2016 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 septembre2016 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 enProvence 06 sept. 2016 Conclusion Guidez, cadrez, soyez carré Priorisez, épurez et challengez les besoins Itérez en collant au standard
  • 27.
    aOS Aix enProvence 06 sept. 2016
  • 28.
    aOS Aix-en-Provence 6 septembre2016 Merci à nos sponsors !
  • 29.

Notes de l'éditeur

  • #7 Préciser à l’oral les WebPart
  • #10 Découper le projet en morceau. Exemple classique, mélanger le collab et l’intranet
  • #13 A revoir plus tard, mais en substance, challenger les besoins
  • #15 Aller vite et itérer -> travailler en standard / paramétrage
  • #17 Aller vite et itérer -> travailler en standard / paramétrage
  • #21 https://blogs.office.com/2012/09/18/sharing-diagrams-with-visio-services/
  • #27 http://woodoweb.com/index_files/85676caedb29754a49b02638063caf78-31.html http://www.lifeinsharepoint.co.uk/tag/jquery/