SlideShare une entreprise Scribd logo
Construisez votre
intranet avec
Microsoft Office 365
sans code
"Est-ce que notre intranet doit être construit avec Microsoft Office 365?"
"Est-ce possible de réaliser un intranet sans développement majeur?"
Samuel Lévesque
Architecte SharePoint
@sharepointerie http://sharepointerie.com
Objectifs
• Présenter les différents blocs de constructions pour
réaliser un intranet dans Office 365 en date
d’aujourd’hui;
• Présenter plusieurs solutions sans code ainsi que les
meilleures pratiques pour construire votre intranet.
Public cible : Tous
Sommaire de la présentation
Pourquoi O365 ?
Comment ? Meilleures pratiques
et recommandations
Plateforme en évolution constante
Plusieurs bénéfices au niveau de l’innovation
Plusieurs bénéfices financiers
Sommaire de la présentation
Pourquoi O365 ?
Comment ? Meilleures pratiques
et recommandations
H1 Calendar 2017
SharePoint App (iOS)
SharePoint Home
H2 Calendar 2016
SharePoint Publishing Roadmap
Annoncé en Septembre 2016 @ Microsoft Ignite
• Intégration avec les Team news et
l’application mobile;
• WebPart de contenu mis en évidence
(Équivalent de la CSWP).
Bloc de construction - Site d’équipe moderne
Pour :
Contre :
• Créé pour que les utilisateurs travaillent en
équipe
• Disponible depuis peu de temps dans le
monde entier;
• Personnalisations limités;
• Un seul type de mise en page disponible;
• Une seule disposition de page disponible.
Bloc de construction - Site de publication moderne
• Intégration avec les Corporate news
(Actualités) et l’application mobile.
Pour :
Contre :
• Pas encore disponible.
SharePoint Virtual Summit Q&A
Les sites de Communications
ne sont *pas* des sites de
publications.
Les sites de Communications
sont ce qu’il reste des
« Modern Publishing Sites »
annoncé au Ignite 2016
contenant l’expérience
moderne.
Les sites de publications
classique vont avoir une
améliorations des
performances mais il n’y a
rien de prévu pour améliorer
le UX.May 16, 2017
Bloc de construction – Site de communication
Pour :
• Responsive design natif
• Rapide à créer et à configurer
Contre :
• Conçu pour les campagnes internes /
inter-entreprises, les rapports
hebdomadaires, les lancements de
produits, les événements et plus encore;
Bloc de construction - Site de publication classique
• Disponible depuis 2013;
• Plusieurs possibilités de
personnalisation;
• Plusieurs types de mise en
page disponible;
• Plusieurs dispositions de
page disponible.
Pour :
Contre :
• Pas de responsive design natif;
Comparatif des blocs par fonctionnalité
Site d’équipe moderne Site de communication Site de publication classique
Plusieurs types de mise en
page
Plusieurs dispositions de
page
Page maître personnalisée
Personnalisation JavaScript
via des actions
personnalisées
Fonctionnalités de
publications (WCM)
Contrôler les modèles de
sous-sites disponibles
Modifier la page d’accueil
par défaut
Appliquer un thème
SharePoint Designer
Responsive design natif
MS Ignite 2017 (Septembre) Chris McNulty LinkedIn (Octobre)
Blocs de construction de l’intranet
Hiérarchie de sites Intranet Contoso
Intranet
Actualités Bottin Qui s’en occupe
Démonstration
« Intranet Contoso » utilisant un site de publication classique
Actualités
Bottin
Mes outils de travail
Qui s’en occupe ?
Répertoire de sites
Navigation
Responsive design
js
css
PowerShell
master
Seattle.master
Aucune modification
Multimédia
Sommaire de la présentation
Pourquoi O365 ?
Comment ? Meilleures pratiques
et recommandations
Meilleures pratiques pour optimiser les performances
Navigation structurelle Navigation gérée Navigation pilotés par la recherche
Avantages :
•Facile à configurer
•Tronqué selon sécurité
•Mis à jour automatiquement lors de
l’ajout de sites
Avantages :
•Facile à gérer
Avantages:
•Tronqué selon sécurité
•Met à jour automatiquement lors de
l’ajout de sites
•Chargement rapide de la structure de
navigation et mécanisme de mise en
cache
Inconvénients :
•Peu performant lorsqu’il y a une
structure de site complexe
Inconvénients :
•Pas de mises à jour pour refléter la
structure du site
Inconvénients :
•Aucune possibilité de facilement
ordonner les sites
•Nécessite une personnalisation de la
page maître (compétences techniques
nécessaires)
Meilleures pratiques pour optimiser les performances
Comportement du composant WebPart Composant WebPart Requête de contenu Composant WebPart Recherche de
contenu
Configuration de la requête Facile Vous devez connaître certaines
fonctionnalités de recherche telles que
les propriétés gérées.
Interrogation de contenu volumineux Limité Oui
Traitement de requêtes complexes Limité Oui
Évolution pour gérer les augmentations de
contenu ultérieures
Limité Oui
Affichage du contenu provenant d’autres
collections de sites
Non Oui
Possibilité de personnaliser la conception
des résultats de requête
Oui, en utilisant XSLT. Oui, en utilisant HTML+JS+CSS
Coûts de maintenance dans une
architecture de site complexe
Élevés Petite
Affinement des résultats affichés dans le
composant WebPart
Non Oui, en combinaison avec le composant
WebPart Affinement.
Éviter de modifier la page maitre
Page maître
personnalisé
• Contrôle total de la
façon dont le site est
rendu;
• Les mises à jour des
pages maître oob ne
sont pas
automatiquement
appliquées sur les
sites;
• Difficultés possibles
avec les mises à jour.
CSS alternatif
• Peut être utilisé pour
remplacer tous les
paramètres CSS
• Contrôle des couleurs,
des polices et des
paramètres de mise en
page
• Configuration
appliquée à chaque
site
Thème
• Peut être utilisé pour
contrôler l’image de
marque, les polices et
l'image de fond des
sites;
• Configuration
appliquée à chaque
site.
Options
Flexibilité
Impact des
coûts (à
court et à
long terme)
Supporté
Illimité Bien Moyen Passable
Thème Office 365
• Peut être utilisé pour
centraliser l’image de
marque pour tous les
services dans le O365
• Paramètres limités
actuellement;
• Peut être surchargé au
niveau du site;
• Uniquement dans
O365.
Incorporer du JavaScript
• Peut être utilisé pour
incorporer un script et
modifier la façon dont
le site est rendu;
Bien
Éviter de modifier la « suite bar »
Favoriser l’utilisation de la recherche
Penser à vos utilisateurs sur mobile
Utiliser les services inclus du Fast track
Conclusion
Conslusion
Citation
Just because you can, doesn’t mean you should.
Jurassic Park - Jeff Goldblum
Il y a plusieurs avantages de construire un intranet dans O365
• Plateforme en évolution constante
• Plusieurs bénéfices au niveau de l’innovation
• Plusieurs bénéfices financiers
Si vous avez un intranet (portail de publication) à construire aujourd’hui  Site de publication classique
"Est-ce que notre intranet doit être construit avec Microsoft Office 365?"
"Est-ce possible de réaliser un intranet sans développement majeur?"
Questions ?
• Office 365 Roadmap
• Customizing "modern" team sites
• Customizing "modern" site pages
• Display templates
• Tiles in SharePoint Search using Display
Templates
• Github Search Display Templates
• How to Build a Corporate Directory with
SharePoint Search
• Deep dive into communication sites
• Modern Team Sites explained
• Differences between Communication and
Modern Team Sites
Références
• Display the Title Row (Top Navigation)
in the Search Centers
• Discover the New SharePoint Content
Publishing Experiences
• Discover what's new and what's
coming to the SharePoint Mobile and
Intelligent Intranet
• Build your intranet with Microsoft
Office 365
• SharePoint 2013/2016/Online
Responsive UI
• Tune SharePoint Online performance
• Options de navigation pour SharePoint
Online

Contenu connexe

Tendances

Présentation de Kirby CMS
Présentation de Kirby CMSPrésentation de Kirby CMS
Présentation de Kirby CMS
Gilles Vauvarin
 
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJSNuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo
 
Case study migration SEO : oui.sncf (seocampus 2018)
Case study migration SEO : oui.sncf (seocampus 2018)Case study migration SEO : oui.sncf (seocampus 2018)
Case study migration SEO : oui.sncf (seocampus 2018)
RESONEO
 
7 Session Aerow - New experience and SharePoint Framework
7   Session Aerow - New experience and SharePoint Framework7   Session Aerow - New experience and SharePoint Framework
7 Session Aerow - New experience and SharePoint Framework
aOS Community
 
Flat File CMS - AgoraCMS 2014
Flat File CMS - AgoraCMS 2014Flat File CMS - AgoraCMS 2014
Flat File CMS - AgoraCMS 2014Laurent Séguin
 
Performance web et PageSpeed : du SEO à la qualité web
Performance web et PageSpeed : du SEO à la qualité webPerformance web et PageSpeed : du SEO à la qualité web
Performance web et PageSpeed : du SEO à la qualité web
Semrush France
 
Faut-il passer à Prestashop version 1.7 ?
Faut-il passer à Prestashop version 1.7 ?Faut-il passer à Prestashop version 1.7 ?
Faut-il passer à Prestashop version 1.7 ?
Jean-François Viguier
 
6 Session Aerow - New experience and SharePoint framework
6   Session Aerow - New experience and SharePoint framework6   Session Aerow - New experience and SharePoint framework
6 Session Aerow - New experience and SharePoint framework
aOS Community
 
Innover avec SharePoint 2013
Innover avec SharePoint 2013Innover avec SharePoint 2013
Innover avec SharePoint 2013
GSoft
 
Mieux Filtrer ses listes WordPress avec Ajax et WP_Query
Mieux Filtrer ses listes WordPress avec Ajax et WP_QueryMieux Filtrer ses listes WordPress avec Ajax et WP_Query
Mieux Filtrer ses listes WordPress avec Ajax et WP_Query
Symetris
 
TechDays 2014 - Retours d'expériences et meilleures pratiques pour la migrati...
TechDays 2014 - Retours d'expériences et meilleures pratiques pour la migrati...TechDays 2014 - Retours d'expériences et meilleures pratiques pour la migrati...
TechDays 2014 - Retours d'expériences et meilleures pratiques pour la migrati...
Patrick Guimonet
 
Les 10 strategies d'adoption de SharePoint 2013
Les 10 strategies d'adoption de SharePoint 2013Les 10 strategies d'adoption de SharePoint 2013
Les 10 strategies d'adoption de SharePoint 2013
Conseils Atelya
 
Le graphisme d'un site internet !
Le graphisme d'un site internet !Le graphisme d'un site internet !
Le graphisme d'un site internet !
elaugier
 
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Office de Tourisme Luberon Durance
 
Core Web Vitals : les comprendre et se préparer pour le SEO
Core Web Vitals : les comprendre et se préparer pour le SEOCore Web Vitals : les comprendre et se préparer pour le SEO
Core Web Vitals : les comprendre et se préparer pour le SEO
Digimood - Agence SEO / SEA
 
Wordpress et SEO - Campus Made in Blog 2014 Montréal
Wordpress et SEO - Campus Made in Blog 2014 MontréalWordpress et SEO - Campus Made in Blog 2014 Montréal
Wordpress et SEO - Campus Made in Blog 2014 Montréal
Made in
 
XWiki, le CMS collaboratif
XWiki, le CMS collaboratifXWiki, le CMS collaboratif
XWiki, le CMS collaboratif
XWiki
 
SharePoint dans le Nuage toutes les options 2014-04-14
SharePoint dans le Nuage  toutes les options   2014-04-14SharePoint dans le Nuage  toutes les options   2014-04-14
SharePoint dans le Nuage toutes les options 2014-04-14
Patrick Guimonet
 
Du Crawl à l’indexation : les prérequis pour bien ranker
Du Crawl à l’indexation : les prérequis pour bien rankerDu Crawl à l’indexation : les prérequis pour bien ranker
Du Crawl à l’indexation : les prérequis pour bien ranker
Semrush France
 
D3 - SharePoint framework – une nouvelle expérience de développement - Gaetan...
D3 - SharePoint framework – une nouvelle expérience de développement - Gaetan...D3 - SharePoint framework – une nouvelle expérience de développement - Gaetan...
D3 - SharePoint framework – une nouvelle expérience de développement - Gaetan...
SPS Paris
 

Tendances (20)

Présentation de Kirby CMS
Présentation de Kirby CMSPrésentation de Kirby CMS
Présentation de Kirby CMS
 
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJSNuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
 
Case study migration SEO : oui.sncf (seocampus 2018)
Case study migration SEO : oui.sncf (seocampus 2018)Case study migration SEO : oui.sncf (seocampus 2018)
Case study migration SEO : oui.sncf (seocampus 2018)
 
7 Session Aerow - New experience and SharePoint Framework
7   Session Aerow - New experience and SharePoint Framework7   Session Aerow - New experience and SharePoint Framework
7 Session Aerow - New experience and SharePoint Framework
 
Flat File CMS - AgoraCMS 2014
Flat File CMS - AgoraCMS 2014Flat File CMS - AgoraCMS 2014
Flat File CMS - AgoraCMS 2014
 
Performance web et PageSpeed : du SEO à la qualité web
Performance web et PageSpeed : du SEO à la qualité webPerformance web et PageSpeed : du SEO à la qualité web
Performance web et PageSpeed : du SEO à la qualité web
 
Faut-il passer à Prestashop version 1.7 ?
Faut-il passer à Prestashop version 1.7 ?Faut-il passer à Prestashop version 1.7 ?
Faut-il passer à Prestashop version 1.7 ?
 
6 Session Aerow - New experience and SharePoint framework
6   Session Aerow - New experience and SharePoint framework6   Session Aerow - New experience and SharePoint framework
6 Session Aerow - New experience and SharePoint framework
 
Innover avec SharePoint 2013
Innover avec SharePoint 2013Innover avec SharePoint 2013
Innover avec SharePoint 2013
 
Mieux Filtrer ses listes WordPress avec Ajax et WP_Query
Mieux Filtrer ses listes WordPress avec Ajax et WP_QueryMieux Filtrer ses listes WordPress avec Ajax et WP_Query
Mieux Filtrer ses listes WordPress avec Ajax et WP_Query
 
TechDays 2014 - Retours d'expériences et meilleures pratiques pour la migrati...
TechDays 2014 - Retours d'expériences et meilleures pratiques pour la migrati...TechDays 2014 - Retours d'expériences et meilleures pratiques pour la migrati...
TechDays 2014 - Retours d'expériences et meilleures pratiques pour la migrati...
 
Les 10 strategies d'adoption de SharePoint 2013
Les 10 strategies d'adoption de SharePoint 2013Les 10 strategies d'adoption de SharePoint 2013
Les 10 strategies d'adoption de SharePoint 2013
 
Le graphisme d'un site internet !
Le graphisme d'un site internet !Le graphisme d'un site internet !
Le graphisme d'un site internet !
 
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
 
Core Web Vitals : les comprendre et se préparer pour le SEO
Core Web Vitals : les comprendre et se préparer pour le SEOCore Web Vitals : les comprendre et se préparer pour le SEO
Core Web Vitals : les comprendre et se préparer pour le SEO
 
Wordpress et SEO - Campus Made in Blog 2014 Montréal
Wordpress et SEO - Campus Made in Blog 2014 MontréalWordpress et SEO - Campus Made in Blog 2014 Montréal
Wordpress et SEO - Campus Made in Blog 2014 Montréal
 
XWiki, le CMS collaboratif
XWiki, le CMS collaboratifXWiki, le CMS collaboratif
XWiki, le CMS collaboratif
 
SharePoint dans le Nuage toutes les options 2014-04-14
SharePoint dans le Nuage  toutes les options   2014-04-14SharePoint dans le Nuage  toutes les options   2014-04-14
SharePoint dans le Nuage toutes les options 2014-04-14
 
Du Crawl à l’indexation : les prérequis pour bien ranker
Du Crawl à l’indexation : les prérequis pour bien rankerDu Crawl à l’indexation : les prérequis pour bien ranker
Du Crawl à l’indexation : les prérequis pour bien ranker
 
D3 - SharePoint framework – une nouvelle expérience de développement - Gaetan...
D3 - SharePoint framework – une nouvelle expérience de développement - Gaetan...D3 - SharePoint framework – une nouvelle expérience de développement - Gaetan...
D3 - SharePoint framework – une nouvelle expérience de développement - Gaetan...
 

Similaire à Grics 2017 - construisez votre intranet avec microsoft office 365 sans code

Construisez votre intranet avec microsoft office 365 sans code a os canadia...
Construisez votre intranet avec microsoft office 365 sans code   a os canadia...Construisez votre intranet avec microsoft office 365 sans code   a os canadia...
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
Samuel Lévesque
 
ITIS Commerce - Migration PrestaShop - 20150205
ITIS Commerce  - Migration PrestaShop - 20150205ITIS Commerce  - Migration PrestaShop - 20150205
ITIS Commerce - Migration PrestaShop - 20150205
Paul Guillemin
 
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...Patrick Guimonet
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdf
Julien Dereumaux
 
Réussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressRéussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPress
Julien Dereumaux
 
Cours SEO / Référencement Naturel - août 2013
Cours SEO / Référencement Naturel - août 2013Cours SEO / Référencement Naturel - août 2013
Cours SEO / Référencement Naturel - août 2013
Pierre Ammeloot
 
aOS Toulouse - Session - New Experience & SharePoint Framework
aOS Toulouse - Session - New Experience & SharePoint FrameworkaOS Toulouse - Session - New Experience & SharePoint Framework
aOS Toulouse - Session - New Experience & SharePoint Framework
Jean NETRY-VALERE
 
aOS Genève - Session - New Experience & SharePoint Framework
aOS Genève - Session - New Experience & SharePoint FrameworkaOS Genève - Session - New Experience & SharePoint Framework
aOS Genève - Session - New Experience & SharePoint Framework
Jean NETRY-VALERE
 
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
Smile I.T is open
 
Réactif et interactif Conception Web
Réactif et interactif Conception WebRéactif et interactif Conception Web
Réactif et interactif Conception Web
Stabl Web
 
REX : la webperf chez RueDuCommerce
REX : la webperf chez RueDuCommerceREX : la webperf chez RueDuCommerce
REX : la webperf chez RueDuCommerce
Web Performance Paris
 
Atelier de sensibilisation au SEO
Atelier de sensibilisation au SEOAtelier de sensibilisation au SEO
Atelier de sensibilisation au SEO
Kseo Conseil
 
Proposition site Algo
Proposition site AlgoProposition site Algo
Proposition site Algo
AntoineLEGRAND18
 
Mieux comprendre les nouveautés de SharePoint 2013
Mieux comprendre les nouveautés de SharePoint 2013Mieux comprendre les nouveautés de SharePoint 2013
Mieux comprendre les nouveautés de SharePoint 2013GSoft
 
Mieux comprendre SharePoint 2013
Mieux comprendre SharePoint 2013Mieux comprendre SharePoint 2013
Mieux comprendre SharePoint 2013
Benjamin Niaulin
 
Référencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO CampRéférencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO Camp
SEO CAMP
 
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
Olivier Andrieu
 
Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?
François Moreau
 
Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?
François Moreau
 
Usine à site
Usine à siteUsine à site
Usine à site
Core-Techs
 

Similaire à Grics 2017 - construisez votre intranet avec microsoft office 365 sans code (20)

Construisez votre intranet avec microsoft office 365 sans code a os canadia...
Construisez votre intranet avec microsoft office 365 sans code   a os canadia...Construisez votre intranet avec microsoft office 365 sans code   a os canadia...
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
 
ITIS Commerce - Migration PrestaShop - 20150205
ITIS Commerce  - Migration PrestaShop - 20150205ITIS Commerce  - Migration PrestaShop - 20150205
ITIS Commerce - Migration PrestaShop - 20150205
 
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdf
 
Réussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressRéussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPress
 
Cours SEO / Référencement Naturel - août 2013
Cours SEO / Référencement Naturel - août 2013Cours SEO / Référencement Naturel - août 2013
Cours SEO / Référencement Naturel - août 2013
 
aOS Toulouse - Session - New Experience & SharePoint Framework
aOS Toulouse - Session - New Experience & SharePoint FrameworkaOS Toulouse - Session - New Experience & SharePoint Framework
aOS Toulouse - Session - New Experience & SharePoint Framework
 
aOS Genève - Session - New Experience & SharePoint Framework
aOS Genève - Session - New Experience & SharePoint FrameworkaOS Genève - Session - New Experience & SharePoint Framework
aOS Genève - Session - New Experience & SharePoint Framework
 
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
 
Réactif et interactif Conception Web
Réactif et interactif Conception WebRéactif et interactif Conception Web
Réactif et interactif Conception Web
 
REX : la webperf chez RueDuCommerce
REX : la webperf chez RueDuCommerceREX : la webperf chez RueDuCommerce
REX : la webperf chez RueDuCommerce
 
Atelier de sensibilisation au SEO
Atelier de sensibilisation au SEOAtelier de sensibilisation au SEO
Atelier de sensibilisation au SEO
 
Proposition site Algo
Proposition site AlgoProposition site Algo
Proposition site Algo
 
Mieux comprendre les nouveautés de SharePoint 2013
Mieux comprendre les nouveautés de SharePoint 2013Mieux comprendre les nouveautés de SharePoint 2013
Mieux comprendre les nouveautés de SharePoint 2013
 
Mieux comprendre SharePoint 2013
Mieux comprendre SharePoint 2013Mieux comprendre SharePoint 2013
Mieux comprendre SharePoint 2013
 
Référencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO CampRéférencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO Camp
 
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
 
Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?
 
Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?
 
Usine à site
Usine à siteUsine à site
Usine à site
 

Plus de Samuel Lévesque

Personnaliser l'affichage de vos colonnes avec la mise en forme
Personnaliser l'affichage de vos colonnes avec la mise en formePersonnaliser l'affichage de vos colonnes avec la mise en forme
Personnaliser l'affichage de vos colonnes avec la mise en forme
Samuel Lévesque
 
What do you get from share point hybrid
What do you get from share point hybridWhat do you get from share point hybrid
What do you get from share point hybrid
Samuel Lévesque
 
Groupe d'usagers sp québec ged - 12 décembre 2017
Groupe d'usagers sp québec   ged - 12 décembre 2017Groupe d'usagers sp québec   ged - 12 décembre 2017
Groupe d'usagers sp québec ged - 12 décembre 2017
Samuel Lévesque
 
Groupe d'usagers sp québec septembre 2015
Groupe d'usagers sp québec   septembre 2015Groupe d'usagers sp québec   septembre 2015
Groupe d'usagers sp québec septembre 2015
Samuel Lévesque
 
Groupe d'usagers sp québec - octobre 2017
Groupe d'usagers sp québec - octobre 2017Groupe d'usagers sp québec - octobre 2017
Groupe d'usagers sp québec - octobre 2017
Samuel Lévesque
 
Groupe d'usagers sp québec novembre 2016
Groupe d'usagers sp québec   novembre 2016Groupe d'usagers sp québec   novembre 2016
Groupe d'usagers sp québec novembre 2016
Samuel Lévesque
 
Groupe d'usagers sp québec novembre 2015
Groupe d'usagers sp québec   novembre 2015Groupe d'usagers sp québec   novembre 2015
Groupe d'usagers sp québec novembre 2015
Samuel Lévesque
 
Groupe d'usagers sp québec mai 2016
Groupe d'usagers sp québec   mai 2016Groupe d'usagers sp québec   mai 2016
Groupe d'usagers sp québec mai 2016
Samuel Lévesque
 
Groupe d'usagers sp québec janvier 2017
Groupe d'usagers sp québec   janvier 2017Groupe d'usagers sp québec   janvier 2017
Groupe d'usagers sp québec janvier 2017
Samuel Lévesque
 
Groupe d'usagers sp québec janvier (montreal) étude de cas - l'intranet de ...
Groupe d'usagers sp québec   janvier (montreal) étude de cas - l'intranet de ...Groupe d'usagers sp québec   janvier (montreal) étude de cas - l'intranet de ...
Groupe d'usagers sp québec janvier (montreal) étude de cas - l'intranet de ...
Samuel Lévesque
 
Groupe d'usagers sp québec - février 2016
Groupe d'usagers sp québec - février 2016Groupe d'usagers sp québec - février 2016
Groupe d'usagers sp québec - février 2016
Samuel Lévesque
 
Groupe d'usagers sp québec - avril 2017
Groupe d'usagers sp québec - avril 2017Groupe d'usagers sp québec - avril 2017
Groupe d'usagers sp québec - avril 2017
Samuel Lévesque
 
Programme de reconnaissance MVP
Programme de reconnaissance MVPProgramme de reconnaissance MVP
Programme de reconnaissance MVP
Samuel Lévesque
 

Plus de Samuel Lévesque (13)

Personnaliser l'affichage de vos colonnes avec la mise en forme
Personnaliser l'affichage de vos colonnes avec la mise en formePersonnaliser l'affichage de vos colonnes avec la mise en forme
Personnaliser l'affichage de vos colonnes avec la mise en forme
 
What do you get from share point hybrid
What do you get from share point hybridWhat do you get from share point hybrid
What do you get from share point hybrid
 
Groupe d'usagers sp québec ged - 12 décembre 2017
Groupe d'usagers sp québec   ged - 12 décembre 2017Groupe d'usagers sp québec   ged - 12 décembre 2017
Groupe d'usagers sp québec ged - 12 décembre 2017
 
Groupe d'usagers sp québec septembre 2015
Groupe d'usagers sp québec   septembre 2015Groupe d'usagers sp québec   septembre 2015
Groupe d'usagers sp québec septembre 2015
 
Groupe d'usagers sp québec - octobre 2017
Groupe d'usagers sp québec - octobre 2017Groupe d'usagers sp québec - octobre 2017
Groupe d'usagers sp québec - octobre 2017
 
Groupe d'usagers sp québec novembre 2016
Groupe d'usagers sp québec   novembre 2016Groupe d'usagers sp québec   novembre 2016
Groupe d'usagers sp québec novembre 2016
 
Groupe d'usagers sp québec novembre 2015
Groupe d'usagers sp québec   novembre 2015Groupe d'usagers sp québec   novembre 2015
Groupe d'usagers sp québec novembre 2015
 
Groupe d'usagers sp québec mai 2016
Groupe d'usagers sp québec   mai 2016Groupe d'usagers sp québec   mai 2016
Groupe d'usagers sp québec mai 2016
 
Groupe d'usagers sp québec janvier 2017
Groupe d'usagers sp québec   janvier 2017Groupe d'usagers sp québec   janvier 2017
Groupe d'usagers sp québec janvier 2017
 
Groupe d'usagers sp québec janvier (montreal) étude de cas - l'intranet de ...
Groupe d'usagers sp québec   janvier (montreal) étude de cas - l'intranet de ...Groupe d'usagers sp québec   janvier (montreal) étude de cas - l'intranet de ...
Groupe d'usagers sp québec janvier (montreal) étude de cas - l'intranet de ...
 
Groupe d'usagers sp québec - février 2016
Groupe d'usagers sp québec - février 2016Groupe d'usagers sp québec - février 2016
Groupe d'usagers sp québec - février 2016
 
Groupe d'usagers sp québec - avril 2017
Groupe d'usagers sp québec - avril 2017Groupe d'usagers sp québec - avril 2017
Groupe d'usagers sp québec - avril 2017
 
Programme de reconnaissance MVP
Programme de reconnaissance MVPProgramme de reconnaissance MVP
Programme de reconnaissance MVP
 

Grics 2017 - construisez votre intranet avec microsoft office 365 sans code

  • 1. Construisez votre intranet avec Microsoft Office 365 sans code "Est-ce que notre intranet doit être construit avec Microsoft Office 365?" "Est-ce possible de réaliser un intranet sans développement majeur?" Samuel Lévesque Architecte SharePoint @sharepointerie http://sharepointerie.com
  • 2. Objectifs • Présenter les différents blocs de constructions pour réaliser un intranet dans Office 365 en date d’aujourd’hui; • Présenter plusieurs solutions sans code ainsi que les meilleures pratiques pour construire votre intranet. Public cible : Tous
  • 3. Sommaire de la présentation Pourquoi O365 ? Comment ? Meilleures pratiques et recommandations
  • 5. Plusieurs bénéfices au niveau de l’innovation
  • 7. Sommaire de la présentation Pourquoi O365 ? Comment ? Meilleures pratiques et recommandations
  • 8. H1 Calendar 2017 SharePoint App (iOS) SharePoint Home H2 Calendar 2016 SharePoint Publishing Roadmap Annoncé en Septembre 2016 @ Microsoft Ignite
  • 9. • Intégration avec les Team news et l’application mobile; • WebPart de contenu mis en évidence (Équivalent de la CSWP). Bloc de construction - Site d’équipe moderne Pour : Contre : • Créé pour que les utilisateurs travaillent en équipe • Disponible depuis peu de temps dans le monde entier; • Personnalisations limités; • Un seul type de mise en page disponible; • Une seule disposition de page disponible.
  • 10. Bloc de construction - Site de publication moderne • Intégration avec les Corporate news (Actualités) et l’application mobile. Pour : Contre : • Pas encore disponible.
  • 11. SharePoint Virtual Summit Q&A Les sites de Communications ne sont *pas* des sites de publications. Les sites de Communications sont ce qu’il reste des « Modern Publishing Sites » annoncé au Ignite 2016 contenant l’expérience moderne. Les sites de publications classique vont avoir une améliorations des performances mais il n’y a rien de prévu pour améliorer le UX.May 16, 2017
  • 12. Bloc de construction – Site de communication Pour : • Responsive design natif • Rapide à créer et à configurer Contre : • Conçu pour les campagnes internes / inter-entreprises, les rapports hebdomadaires, les lancements de produits, les événements et plus encore;
  • 13. Bloc de construction - Site de publication classique • Disponible depuis 2013; • Plusieurs possibilités de personnalisation; • Plusieurs types de mise en page disponible; • Plusieurs dispositions de page disponible. Pour : Contre : • Pas de responsive design natif;
  • 14. Comparatif des blocs par fonctionnalité Site d’équipe moderne Site de communication Site de publication classique Plusieurs types de mise en page Plusieurs dispositions de page Page maître personnalisée Personnalisation JavaScript via des actions personnalisées Fonctionnalités de publications (WCM) Contrôler les modèles de sous-sites disponibles Modifier la page d’accueil par défaut Appliquer un thème SharePoint Designer Responsive design natif
  • 15. MS Ignite 2017 (Septembre) Chris McNulty LinkedIn (Octobre) Blocs de construction de l’intranet
  • 16. Hiérarchie de sites Intranet Contoso Intranet Actualités Bottin Qui s’en occupe
  • 17. Démonstration « Intranet Contoso » utilisant un site de publication classique
  • 20. Mes outils de travail
  • 26. Sommaire de la présentation Pourquoi O365 ? Comment ? Meilleures pratiques et recommandations
  • 27. Meilleures pratiques pour optimiser les performances Navigation structurelle Navigation gérée Navigation pilotés par la recherche Avantages : •Facile à configurer •Tronqué selon sécurité •Mis à jour automatiquement lors de l’ajout de sites Avantages : •Facile à gérer Avantages: •Tronqué selon sécurité •Met à jour automatiquement lors de l’ajout de sites •Chargement rapide de la structure de navigation et mécanisme de mise en cache Inconvénients : •Peu performant lorsqu’il y a une structure de site complexe Inconvénients : •Pas de mises à jour pour refléter la structure du site Inconvénients : •Aucune possibilité de facilement ordonner les sites •Nécessite une personnalisation de la page maître (compétences techniques nécessaires)
  • 28. Meilleures pratiques pour optimiser les performances Comportement du composant WebPart Composant WebPart Requête de contenu Composant WebPart Recherche de contenu Configuration de la requête Facile Vous devez connaître certaines fonctionnalités de recherche telles que les propriétés gérées. Interrogation de contenu volumineux Limité Oui Traitement de requêtes complexes Limité Oui Évolution pour gérer les augmentations de contenu ultérieures Limité Oui Affichage du contenu provenant d’autres collections de sites Non Oui Possibilité de personnaliser la conception des résultats de requête Oui, en utilisant XSLT. Oui, en utilisant HTML+JS+CSS Coûts de maintenance dans une architecture de site complexe Élevés Petite Affinement des résultats affichés dans le composant WebPart Non Oui, en combinaison avec le composant WebPart Affinement.
  • 29. Éviter de modifier la page maitre Page maître personnalisé • Contrôle total de la façon dont le site est rendu; • Les mises à jour des pages maître oob ne sont pas automatiquement appliquées sur les sites; • Difficultés possibles avec les mises à jour. CSS alternatif • Peut être utilisé pour remplacer tous les paramètres CSS • Contrôle des couleurs, des polices et des paramètres de mise en page • Configuration appliquée à chaque site Thème • Peut être utilisé pour contrôler l’image de marque, les polices et l'image de fond des sites; • Configuration appliquée à chaque site. Options Flexibilité Impact des coûts (à court et à long terme) Supporté Illimité Bien Moyen Passable Thème Office 365 • Peut être utilisé pour centraliser l’image de marque pour tous les services dans le O365 • Paramètres limités actuellement; • Peut être surchargé au niveau du site; • Uniquement dans O365. Incorporer du JavaScript • Peut être utilisé pour incorporer un script et modifier la façon dont le site est rendu; Bien
  • 30. Éviter de modifier la « suite bar »
  • 32. Penser à vos utilisateurs sur mobile
  • 33. Utiliser les services inclus du Fast track
  • 35. Conslusion Citation Just because you can, doesn’t mean you should. Jurassic Park - Jeff Goldblum Il y a plusieurs avantages de construire un intranet dans O365 • Plateforme en évolution constante • Plusieurs bénéfices au niveau de l’innovation • Plusieurs bénéfices financiers Si vous avez un intranet (portail de publication) à construire aujourd’hui  Site de publication classique "Est-ce que notre intranet doit être construit avec Microsoft Office 365?" "Est-ce possible de réaliser un intranet sans développement majeur?"
  • 37. • Office 365 Roadmap • Customizing "modern" team sites • Customizing "modern" site pages • Display templates • Tiles in SharePoint Search using Display Templates • Github Search Display Templates • How to Build a Corporate Directory with SharePoint Search • Deep dive into communication sites • Modern Team Sites explained • Differences between Communication and Modern Team Sites Références • Display the Title Row (Top Navigation) in the Search Centers • Discover the New SharePoint Content Publishing Experiences • Discover what's new and what's coming to the SharePoint Mobile and Intelligent Intranet • Build your intranet with Microsoft Office 365 • SharePoint 2013/2016/Online Responsive UI • Tune SharePoint Online performance • Options de navigation pour SharePoint Online

Notes de l'éditeur

  1. On-Premise, le cycle de release est plus long et dans le format d’un Feature Pack qu’il faut installer.
  2. Fini les mises à jours Infrastructure Réduction des efforts requis à cause de la porté
  3. La mobilité est maintenant un prérequis pour la plupart des intranets Modern page != Page classique non supporté Team news est présentement en déploiement…(Février 2017) Aucun signe de Publishing sites dans le roadmap Modern web parts on classic page + Classic page not deprecated = Site de publication classique
  4. Présentement, on ne peut pas créer de pages de type Wiki et de pages de composants Web Part dans un site d’équipe moderne
  5. Requiert d’être administrateur Global du Tenant!
  6. La page d’accueil SharePoint dans Office 365 est l’endroit où vous pouvez trouver facilement et SharePoint accéder aux sites et les portails au sein de votre organisation.
  7. 1 ligne de PowerShell injecte 2 fichiers : JS et CSS https://github.com/SharePoint/PnP-Tools/tree/master/Solutions/SharePoint.UI.Responsive https://dev.office.com/blogs/announcing-responsive-ui-package-for-sharepoint-on-premises-2013-2016 ** Ne fonctionne pas avec la master page OSLO (Sans le menu de gauche)
  8. S’assurer de cocher “Resize the player to fit to the screen”.
  9. Scénario : 11 sous-sites avec chacun 4 sous-sites
  10. Scénario : 50 éléments retournant des éléments de 8 sous-sites différents SPRequestDuration indicates the amount of work that is done on the server to prepare the page. Switching Content by Query Web Parts with Content by Search Web Parts dramatically reduces the time it takes to render the page
  11. O365 est déjà exposé à l’externe alors…