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
•...
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
Inc...
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 fonctionna...
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...
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...
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 des...
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 Palet...
aOS Aix-en-Provence
6 septembre 2016
Outils #2
Contenu statique avec mise à jour ou dashboard/KPI
Visio ou Excel online / ...
aOS Aix-en-Provence
6 septembre 2016
Outils #3
Affichage de liste de contenus simple
Content Search Web Part
+ Display Tem...
aOS Aix-en-Provence
6 septembre 2016
Outils #4
Modification du rendu global
CSS
Et besoin d’injecter du contenu
Injection ...
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 #...
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,
...
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éinv...
aOS Aix en Provence 06 sept. 2016
Conclusion
Guidez, cadrez, soyez carré
Priorisez, épurez et challengez les besoins
Itére...
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
Prochain SlideShare
Chargement dans…5
×

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

376 vues

Publié le

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.

Publié dans : Design
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

  1. 1. aOS Aix-en-Provence 6 septembre 2016 Efficacité projet sur les intranets avec design en O365 Sébastien PAULET @sp_twit
  2. 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. 3. aOS Aix-en-Provence 6 septembre 2016 Posons le sujet…
  4. 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. 5. aOS Aix en Provence 06 sept. 2016 Mécanisme CMS de SharePoint MasterPage CSS Layout Page
  6. 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. 7. aOS Aix-en-Provence 6 septembre 2016 Conseils et méthode pour mener le projet
  8. 8. aOS Aix-en-Provence 6 septembre 2016 Comment manger un éléphant? … Une bouchée après l’autre
  9. 9. aOS Aix-en-Provence 6 septembre 2016 Amorcez Que voulons nous avec cet intranet? Que veulent en obtenir nos visiteurs?
  10. 10. aOS Aix-en-Provence 6 septembre 2016 Etude du besoin PERSONNES CONTENUS FONCTIONALITES FLUX FLUXELMT GRAPHIQUES
  11. 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. 12. aOS Aix-en-Provence 6 septembre 2016 Priorisez et collez au standard Important Facilité
  13. 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. 14. aOS Aix-en-Provence 6 septembre 2016 Faites vos wireframes en collant au standard
  15. 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. 16. aOS Aix-en-Provence 6 septembre 2016 Outils & techniques
  17. 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. 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. 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. 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. 21. aOS Aix-en-Provence 6 septembre 2016 Et si ca ne suffit pas
  22. 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. 23. aOS Aix-en-Provence 6 septembre 2016 Coming soon Modern team site Responsive new UX + new WebParts
  24. 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. 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. 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. 27. aOS Aix en Provence 06 sept. 2016
  28. 28. aOS Aix-en-Provence 6 septembre 2016 Merci à nos sponsors !
  29. 29. aOS Aix-en-Provence 6 septembre 2016 @aOSComm

×