SlideShare une entreprise Scribd logo
Online Conference
June 17th and 18th 2015
WWW.COLLAB365.EVENTS
Réalisation d'intranets et sites web
SharePoint 2013 en Cross Site Publishing
WWW.COLLAB365.EVENTS
Franck Cornu
Email : franck.cornu@gsoft.com
Twitter : @FranckCornu
5 ans d’expérience avec SharePoint
Spécialisation en intranet/portail d’entreprise
Analyse/Architecture/Développement
Blog: http://thecollaborationcorner.com/
Publication: « Réussir son analyse fonctionnelle SharePoint: Guide
méthodologique » (http://bit.ly/1GsrJwd)
Contact
Montréal, QC, Canada
WWW.COLLAB365.EVENTS
Avant de commencer
• Présentation (très) condensée issue d’un cas d’étude complet sur la réalisation
d’un intranet ou un site web en SharePoint 2013 (on-premise) (280 pages
actuellement)
• Axée sur une approche d’utilisation optimales des fonctionnalités OOTB de
SharePoint 2013.
• Complément technique (C# & PowerShell) disponible pour chaque module.
– Framework « Dynamite » disponible gratuitement sur GitHub.
• Voir au delà du XSP: Orientée On-Premise mais les concepts restent valides
pour SharePoint Online (Office365).
WWW.COLLAB365.EVENTS
C’est quoi le Cross Site Publishing en fait?
• Extension de l’infrastructure de publication
classique SharePoint
• Séparation UI et données
• Contribution répartie
• Flexibilité du moteur de recherche VS
CAML (ciblage, logique d’affaires)
WWW.COLLAB365.EVENTS
Schéma d’une solution de publication
• Un découpage (arbitraire) en modules thématiques, besoins, rôles et contraintes
WWW.COLLAB365.EVENTS
• Mise en place des espaces de
contribution
• Principe de classification des
contenus
• Gestion de la sécurité
• Affichage des éléments
Gestion du processus complet de
création du contenu jusqu’à son
affichage.
http://bit.ly/1hlnCvi
La publication
WWW.COLLAB365.EVENTS
Mise en place des espaces de
contribution
• Un site d’auteurs c’est:
• D’un point de vue technique: simple site SharePoint contenant des listes
hébergeant du contenu destiné à être publiées sur un ou plusieurs sites de
publication via les mécanismes de recherche.
• D’un point de vue fonctionnel: espace contrôlé de contribution aux contenus d’un
intranet ou d’un site web.
• La fonctionnalité « Cross Site Publishing » est activée à ce niveau pour la
configuration des « catalogues »
La publication
WWW.COLLAB365.EVENTS
Principe de classification
• Deux types de contenus répartis dans des
catalogues:
 Cycle de vie court/moyen: de l’ordre de
quelques jours ou semaines
• Élément de catalogue (Nouvelles, etc.)
 Cycle de vie long: de l’ordre de plusieurs
mois ou année
• Élément cible de contenu (A propos de
nous, Contactez-nous ,etc.)
• Tous les contenus sont liés à un élément d’une
« carte du site » via une colonne de
métadonnée gérée faisant le lien avec la
navigation
La publication
WWW.COLLAB365.EVENTS
Gestion de la sécurité
• Configuration des permissions sur les
catalogues et la bibliothèque de pages du
site de publication.
• Contrôle de la catégorisation de
l’information disponible dans chaque
catalogue
– Types de contenus et sous catégories
La publication
WWW.COLLAB365.EVENTS
Affichage des éléments
• Création de modèles de pages (*.aspx) dans le site de publication
• Un seul élément (page de contenu et nouvelle)
• Plusieurs éléments (nouvelles)
• Création de Result Sources spécifiques
• Utilisation des variables de recherche {Term} et {Term.IDWithChildren} et token GPP|
• Utilisation d’un Search Results Web Part de résultats de recherche
• (Optionnel) Result Types permettant de déterminer un Display Template
dynamiquement
La publication
WWW.COLLAB365.EVENTS
• Stratégie de navigation
• Problématiques de navigation
SharePoint OOTB
• Construction des URL
Gestion de l'accès à l’information
dans le portail.
http://bit.ly/1L1UCkO
La navigation
WWW.COLLAB365.EVENTS
Problématiques de navigation
OOTB
• La navigation logique: parcours des contenus de manière horizontale ou verticale à travers une
structure de liens définie, représentant le chemin nominal de navigation dans le site.
– Contextes de navigation SharePoint: navigation globale et navigation courante
• Navigation structurelle: basée sur les sites et sous sites
• Navigation par taxonomie: basée sur un ensemble de termes = « Plage » d’URL valides
pour un site
• La navigation transversale: parcours de liens vers des contenus répartis à travers tout le portail sur la
base de propriétés communes
– Explicites (Mots clés)
– Automatiquement (Office Graph)
La navigation
WWW.COLLAB365.EVENTS
Stratégie de navigation
• Problématique #1 : Le problème des contenus « inaccessibles » ou contenus «
fantômes ».
– Pages de contenu catégorisées avec le même terme, lequel afficher?
– « Enforce unique value » sur la colonne de navigation
• Problématique #2 : L’impossibilité de distinguer des sources de données de navigation
différentes par menus pour un même contexte global.
– Pied de pages, liens utiles, etc.
– Introduction du concept de « Zones de navigation »
• Un term set = une zone
La navigation
WWW.COLLAB365.EVENTS
Stratégie de navigation
• Différences entre:
– Simple Link or Header - Term Driven Pages
– Target Item Page - Catalog Item Page
• Format d’URL
Pour les termes de taxonomie
• Généré automatiquement par
SharePoint
Pour les éléments de catalogues
• = « Slugs »
• Nécessité d’une URL unique
• Générés via « Event receiver »
• Construire grâce à connection de
catalogues
La navigation
WWW.COLLAB365.EVENTS
• Gestion de documents
• Gestion des contenus médias
• Importation de contenus au fur et à
mesure du développement
Gestion du contenu documentaire et
des opérations de migration.
http://bit.ly/1LbG5Cq
La gestion documentaire
WWW.COLLAB365.EVENTS
Gestion des
documents
• Utilisation d’un centre de documents distinct
• Même principe de classification que les contenus du portail (Type de contenu
« Documents »)
• Ajout d’une colonne spécifique pour permettre le lien vers des pages de contenus du
portail
La gestion documentaire
WWW.COLLAB365.EVENTS
Gestion des contenus
médias
• Gestion des images
– Collection de sites séparée ou bibliothèques locales
• Si même collection de sites que les contenus, attention au URL relatives!
– Utilisation de la fonctionnalité des « Image Renditions »
• Stockage sur le système de fichiers
• Gestion des vidéos
– Hébergeur externe (Youtube, etc…) ou stockage interne
– Utilisation du type de contenu par défaut vidéo.
La gestion documentaire
WWW.COLLAB365.EVENTS
Migration de
contenus
• Il était une fois une coquille vide…
– Souvent la solution livrée après développement est vide de tout contenu
• Avec une procédure de déploiement automatisée utilisant le Cross Site Publishing, un
crawl est obligatoire
• Intégrer la migration/création de contenus à même le développement de la solution
– Utilisation de l’API Powershell de Sharegate
– Cmdlet Import-DSPData + Cmdlets de manipulation Excel
La gestion documentaire
WWW.COLLAB365.EVENTS
• Mise en place des variantes et
impacts sur la solution globale
• Améliorations
Création et affichage de contenu
dans plusieurs langues.
http://bit.ly/1fCjVBe
Le multilinguisme
WWW.COLLAB365.EVENTS
Mise en place des variantes
et impacts
• Configuration variantes SharePoint sur les sites d’auteurs et le site de publication (réglage
du timer job aux 5 minutes)
• Pas de variantes sur les documents mais utilisation d’une métadonnée de langue
• Duplication des ensembles de termes utilisés pour les menus et la classification
– « Pin » des termes entre un ensemble de terme « source » et un « cible »
– Traduction des termes seulement dans l’ensemble source
• Duplication des connexions de catalogues
• Détermination de la langue des éléments à la création via un event receiver puis filtrage
dans les requêtes de recherche via {Site.Locale}
Le multilinguisme
WWW.COLLAB365.EVENTS
Améliorations
• Contrôle de changement de langue (non présent dans SharePoint par défaut)
– Contextes à gérer
• Page *.aspx (incluant les pages systèmes)
• Élément de catalogue avec friendly URL générée dynamiquement (nouvelle)
• Élément de contenu avec friendly URL arbitraire
– Solution technique
• Génération d’une clé d’association unique (GUID) entre les éléments via event
receiver
• Contrôle *.ascx et provisionnement par delegate controls. Déploiement dans les
sites d’auteurs et site de publication
Le multilinguisme
WWW.COLLAB365.EVENTS
• Mise en place d’un module de
commentaires
Gestion des interactions entre
utilisateurs.
http://bit.ly/1Pz9MRx
Le social
WWW.COLLAB365.EVENTS
Gestion des commentaires
et likes
• Site web: outils tiers (Disqus, etc.). Intranet: Yammer, Balises et notes ou autre…
• Utilisation du mécanisme des forums SharePoint OOTB
– Chaque page est un sujet
– Commentaires authentifiés
– Gère les likes, « en réponse à », permissions sur les commentaires.
– ≠ évaluation sur les éléments sur les catalogues. Hébergées sur le site de publication
uniquement (problématiques de Cross Domain Scripting)
– Distinction entre langues
• Développement d’un contrôle utilisateur *.ascx portable en Knockout JS + CSOM pour l’intégration
aux pages.
Le social
WWW.COLLAB365.EVENTS
• Stratégie de ciblage basée sur la
recherche
Filtrage dynamique des informations
sur le portail selon les
caractéristiques de l’utilisateur
http://bit.ly/1L5zjht
Le ciblage de contenu
WWW.COLLAB365.EVENTS
Stratégie de ciblage
• Le ciblage de contenu ≠ sécurité
• Cas de ciblage:
• Un contenu différent pour une
URL unique
• Un ensemble de contenus
affichés dans un même
composant
• Les critères de ciblage doivent
êtres indépendants!
Le ciblage de contenu
WWW.COLLAB365.EVENTS
• Contrôle de période de publication à
la minute près
Gestion du cycle de vies des
contenus dans le portail.
http://bit.ly/1hbzhxf
Le cycle de vie
WWW.COLLAB365.EVENTS
Contrôle de la période
de publication
• Contrôle de période de publication: date de début de publication et date de fin 
affichage seulement, pas d’archivage
• Problématique: par défaut le langage KQL ne permet pas de filtrage à la minute ou
seconde
– Utilisation du FQL via les affinements de recherche (opérateur range)
– Développement de Web Parts génériques, extensions de ceux par défaut de
recherche.
• A utiliser avec parcimonie car impose des contraintes (Cf. module de recherche ci-après)
• Code complet disponible ici: http://bit.ly/1WIzbgg
Le cycle de vie
WWW.COLLAB365.EVENTS
• Organisation de la rechercheGestion de la recherche à travers tous
les portail
À venir…
La recherche
WWW.COLLAB365.EVENTS
Organisation de la
recherche
• Séparation entre les documents, les contenus du portail (web) et les personnes
– Pas les mêmes métadonnées et filtres (période de publication, ciblage ,etc.)  Impossibilité
d’appliquer la même requête pour tout le contenu
• Pas de « Search Center »
– Utilisation d’une page personnalisée et d’une structure d’URL standard /search/…
• Configuration
– Navigation par facettes
– Types de résultats et règles de requêtes
– Suppression des éléments SharePoint par défaut
– Ranking via l’opérateur (XRANK)
La recherche
WWW.COLLAB365.EVENTS
• La gestion du mobile
• La gestion de l’affichage des
informations
Application de l’image de marque de
l'entreprise au portail.
À venir…
Le design
WWW.COLLAB365.EVENTS
Gestion du mobile et
de l’affichage
• Utilisation de la starter master page de Randy Drisgill + Bootstrap 3 (approche
responsive)
– Format HTML selon la nouvelle façon de faire de SharePoint 2013
– Mobile ou non (système de grid uniquement)
• Fichier de corrections de bugs SharePoint avec Bootstrap séparé
• CSS: Utilisation de LESS  Transition vers SAAS
• Gestion du mobile uniquement sur le site de publication!
• Display Templates? Très peu pour nous  Utilisation de templates Knockout JS
directement dans les display templates
Le design
WWW.COLLAB365.EVENTS
Stay tuned for more great sessions …
Merci!

Contenu connexe

En vedette

Cross Site Publishing Solution for corporate news in SP 2013
Cross Site Publishing Solution for corporate news in SP 2013Cross Site Publishing Solution for corporate news in SP 2013
Cross Site Publishing Solution for corporate news in SP 2013
Franck Cornu
 
SPS Québec - Votre intranet "Client-Side" en SharePoint Online/O365 avec PnP,...
SPS Québec - Votre intranet "Client-Side" en SharePoint Online/O365 avec PnP,...SPS Québec - Votre intranet "Client-Side" en SharePoint Online/O365 avec PnP,...
SPS Québec - Votre intranet "Client-Side" en SharePoint Online/O365 avec PnP,...
Franck Cornu
 
Integrating SharePoint with Exchange-2013
Integrating SharePoint with Exchange-2013Integrating SharePoint with Exchange-2013
Integrating SharePoint with Exchange-2013
Randy Williams
 
Gouvernance des projets SharePoint 2013
Gouvernance des projets SharePoint 2013Gouvernance des projets SharePoint 2013
Gouvernance des projets SharePoint 2013
Alexandre David
 
Exchange Server 2013 and SharePoint Server 2013 Integration
Exchange Server 2013 and SharePoint Server 2013 IntegrationExchange Server 2013 and SharePoint Server 2013 Integration
Exchange Server 2013 and SharePoint Server 2013 Integration
SharePoint Saturday New Jersey
 
Backup & Restore SharePoint 2013 Farm
Backup & Restore SharePoint 2013 FarmBackup & Restore SharePoint 2013 Farm
Backup & Restore SharePoint 2013 Farm
Youssef El Idrissi
 
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...
Chris O'Brien
 
Cool Dashboards and Visualizations for SharePoint Power Users
Cool Dashboards and Visualizations for SharePoint Power UsersCool Dashboards and Visualizations for SharePoint Power Users
Cool Dashboards and Visualizations for SharePoint Power Users
Benjamin Niaulin
 
2013 SPFest - Customizing Sites and Pages in SharePoint 2013
2013 SPFest - Customizing Sites and Pages in SharePoint 20132013 SPFest - Customizing Sites and Pages in SharePoint 2013
2013 SPFest - Customizing Sites and Pages in SharePoint 2013
Wes Preston
 
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
 
inext café #03 - Automatiser ses processus métier avec SharePoint et Nintex
inext café #03 - Automatiser ses processus métier avec SharePoint et Nintexinext café #03 - Automatiser ses processus métier avec SharePoint et Nintex
inext café #03 - Automatiser ses processus métier avec SharePoint et Nintex
Alexandre David
 
Presentation Backup & Restore SharePoint 2013 Farm
Presentation Backup & Restore SharePoint 2013 FarmPresentation Backup & Restore SharePoint 2013 Farm
Presentation Backup & Restore SharePoint 2013 Farm
Youssef El Idrissi
 
Build Killer Visuals with SharePoint 2013 Search & Display Templates
Build Killer Visuals with SharePoint 2013 Search & Display TemplatesBuild Killer Visuals with SharePoint 2013 Search & Display Templates
Build Killer Visuals with SharePoint 2013 Search & Display Templates
Benjamin Niaulin
 
TDC2016POA | Trilha Web - JSON API: não reinvente a roda
TDC2016POA | Trilha Web - JSON API: não reinvente a rodaTDC2016POA | Trilha Web - JSON API: não reinvente a roda
TDC2016POA | Trilha Web - JSON API: não reinvente a roda
tdc-globalcode
 
Transform SharePoint default list forms with HTML, CSS and JavaScript
Transform SharePoint default list forms with HTML, CSS and JavaScriptTransform SharePoint default list forms with HTML, CSS and JavaScript
Transform SharePoint default list forms with HTML, CSS and JavaScript
John Calvert
 
The A to Z of Building a Responsive SharePoint Site with Bootstrap
The A to Z of Building a Responsive SharePoint Site with BootstrapThe A to Z of Building a Responsive SharePoint Site with Bootstrap
The A to Z of Building a Responsive SharePoint Site with Bootstrap
Thomas Daly
 
SharePoint 2013 Client-Side Rendering (CSR) & JSLink Templates
SharePoint 2013 Client-Side Rendering (CSR) & JSLink TemplatesSharePoint 2013 Client-Side Rendering (CSR) & JSLink Templates
SharePoint 2013 Client-Side Rendering (CSR) & JSLink Templates
Muawiyah Shannak
 
SharePoint Saturday Montreal - 2016 - SharePoint 2016 et les nouveaux scenari...
SharePoint Saturday Montreal - 2016 - SharePoint 2016 et les nouveaux scenari...SharePoint Saturday Montreal - 2016 - SharePoint 2016 et les nouveaux scenari...
SharePoint Saturday Montreal - 2016 - SharePoint 2016 et les nouveaux scenari...
Nicolas Georgeault
 
Api presentation
Api presentationApi presentation
Api presentation
Tiago Cardoso
 

En vedette (20)

Cross Site Publishing Solution for corporate news in SP 2013
Cross Site Publishing Solution for corporate news in SP 2013Cross Site Publishing Solution for corporate news in SP 2013
Cross Site Publishing Solution for corporate news in SP 2013
 
SPS Québec - Votre intranet "Client-Side" en SharePoint Online/O365 avec PnP,...
SPS Québec - Votre intranet "Client-Side" en SharePoint Online/O365 avec PnP,...SPS Québec - Votre intranet "Client-Side" en SharePoint Online/O365 avec PnP,...
SPS Québec - Votre intranet "Client-Side" en SharePoint Online/O365 avec PnP,...
 
Integrating SharePoint with Exchange-2013
Integrating SharePoint with Exchange-2013Integrating SharePoint with Exchange-2013
Integrating SharePoint with Exchange-2013
 
Gouvernance des projets SharePoint 2013
Gouvernance des projets SharePoint 2013Gouvernance des projets SharePoint 2013
Gouvernance des projets SharePoint 2013
 
Exchange Server 2013 and SharePoint Server 2013 Integration
Exchange Server 2013 and SharePoint Server 2013 IntegrationExchange Server 2013 and SharePoint Server 2013 Integration
Exchange Server 2013 and SharePoint Server 2013 Integration
 
Backup & Restore SharePoint 2013 Farm
Backup & Restore SharePoint 2013 FarmBackup & Restore SharePoint 2013 Farm
Backup & Restore SharePoint 2013 Farm
 
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...
 
Cool Dashboards and Visualizations for SharePoint Power Users
Cool Dashboards and Visualizations for SharePoint Power UsersCool Dashboards and Visualizations for SharePoint Power Users
Cool Dashboards and Visualizations for SharePoint Power Users
 
2013 SPFest - Customizing Sites and Pages in SharePoint 2013
2013 SPFest - Customizing Sites and Pages in SharePoint 20132013 SPFest - Customizing Sites and Pages in SharePoint 2013
2013 SPFest - Customizing Sites and Pages in SharePoint 2013
 
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
 
inext café #03 - Automatiser ses processus métier avec SharePoint et Nintex
inext café #03 - Automatiser ses processus métier avec SharePoint et Nintexinext café #03 - Automatiser ses processus métier avec SharePoint et Nintex
inext café #03 - Automatiser ses processus métier avec SharePoint et Nintex
 
Presentation Backup & Restore SharePoint 2013 Farm
Presentation Backup & Restore SharePoint 2013 FarmPresentation Backup & Restore SharePoint 2013 Farm
Presentation Backup & Restore SharePoint 2013 Farm
 
Pfe
PfePfe
Pfe
 
Build Killer Visuals with SharePoint 2013 Search & Display Templates
Build Killer Visuals with SharePoint 2013 Search & Display TemplatesBuild Killer Visuals with SharePoint 2013 Search & Display Templates
Build Killer Visuals with SharePoint 2013 Search & Display Templates
 
TDC2016POA | Trilha Web - JSON API: não reinvente a roda
TDC2016POA | Trilha Web - JSON API: não reinvente a rodaTDC2016POA | Trilha Web - JSON API: não reinvente a roda
TDC2016POA | Trilha Web - JSON API: não reinvente a roda
 
Transform SharePoint default list forms with HTML, CSS and JavaScript
Transform SharePoint default list forms with HTML, CSS and JavaScriptTransform SharePoint default list forms with HTML, CSS and JavaScript
Transform SharePoint default list forms with HTML, CSS and JavaScript
 
The A to Z of Building a Responsive SharePoint Site with Bootstrap
The A to Z of Building a Responsive SharePoint Site with BootstrapThe A to Z of Building a Responsive SharePoint Site with Bootstrap
The A to Z of Building a Responsive SharePoint Site with Bootstrap
 
SharePoint 2013 Client-Side Rendering (CSR) & JSLink Templates
SharePoint 2013 Client-Side Rendering (CSR) & JSLink TemplatesSharePoint 2013 Client-Side Rendering (CSR) & JSLink Templates
SharePoint 2013 Client-Side Rendering (CSR) & JSLink Templates
 
SharePoint Saturday Montreal - 2016 - SharePoint 2016 et les nouveaux scenari...
SharePoint Saturday Montreal - 2016 - SharePoint 2016 et les nouveaux scenari...SharePoint Saturday Montreal - 2016 - SharePoint 2016 et les nouveaux scenari...
SharePoint Saturday Montreal - 2016 - SharePoint 2016 et les nouveaux scenari...
 
Api presentation
Api presentationApi presentation
Api presentation
 

Similaire à Intranets et sites web en SharePoint 2013 avec le Cross Site Publishing

Liste des fonctionnalités du CMS Rubedo
Liste des fonctionnalités du CMS RubedoListe des fonctionnalités du CMS Rubedo
Liste des fonctionnalités du CMS Rubedo
Rubedo, a WebTales solution
 
Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
webschooltours
 
Webinar "Fonctions collaboratives d'Alfresco"
Webinar "Fonctions collaboratives d'Alfresco"Webinar "Fonctions collaboratives d'Alfresco"
Webinar "Fonctions collaboratives d'Alfresco"
Michael Harlaut
 
2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours
Eric Giraudin
 
Site web CIHAM : outils plugins wordpress pour gérer les bibliographies et pa...
Site web CIHAM : outils plugins wordpress pour gérer les bibliographies et pa...Site web CIHAM : outils plugins wordpress pour gérer les bibliographies et pa...
Site web CIHAM : outils plugins wordpress pour gérer les bibliographies et pa...
Alain Marois
 
Histoires de CMS
Histoires de CMSHistoires de CMS
Histoires de CMS
Catherine Mollet
 
Développer ses noms de domaine
Développer ses noms de domaineDévelopper ses noms de domaine
Développer ses noms de domaine
OnlineStrat.fr
 
Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)
Laurent Moccozet
 
Acquia et Arte : Drupal Camp Paris 2013
Acquia et Arte : Drupal Camp Paris 2013Acquia et Arte : Drupal Camp Paris 2013
Acquia et Arte : Drupal Camp Paris 2013
Cyril Reinhard
 
Formation WEB 2.0 (Stagiaires CUD - Mise à jour juin 2014)
Formation WEB 2.0 (Stagiaires CUD - Mise à jour juin 2014)Formation WEB 2.0 (Stagiaires CUD - Mise à jour juin 2014)
Formation WEB 2.0 (Stagiaires CUD - Mise à jour juin 2014)
ULB - Bibliothèques
 
Arte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes webArte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes web
Acquia
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
maru.maru
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
Nicolas Morin
 
360Eyes Business Objects metadonnées
360Eyes Business Objects metadonnées360Eyes Business Objects metadonnées
360Eyes Business Objects metadonnées
Sebastien Goiffon
 
La diffusion multi-canal, formation ADBS
La diffusion multi-canal, formation ADBSLa diffusion multi-canal, formation ADBS
La diffusion multi-canal, formation ADBS
Jean-Baptiste Soufron
 
365 saturday - Développer un plugin XrmToolBox
365 saturday - Développer un plugin XrmToolBox365 saturday - Développer un plugin XrmToolBox
365 saturday - Développer un plugin XrmToolBox
Tanguy TOUZARD
 
2018 Cours projet web collaboratif Partie1
2018 Cours projet web collaboratif Partie12018 Cours projet web collaboratif Partie1
2018 Cours projet web collaboratif Partie1
Eric Giraudin
 
Les Nouveautés XAML dans Windows 8.1
Les Nouveautés XAML dans Windows 8.1Les Nouveautés XAML dans Windows 8.1
Les Nouveautés XAML dans Windows 8.1
Microsoft
 
Introduction au développement Windows Phone 8
Introduction au développement Windows Phone 8Introduction au développement Windows Phone 8
Introduction au développement Windows Phone 8
Microsoft
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
yassinesouli2
 

Similaire à Intranets et sites web en SharePoint 2013 avec le Cross Site Publishing (20)

Liste des fonctionnalités du CMS Rubedo
Liste des fonctionnalités du CMS RubedoListe des fonctionnalités du CMS Rubedo
Liste des fonctionnalités du CMS Rubedo
 
Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
 
Webinar "Fonctions collaboratives d'Alfresco"
Webinar "Fonctions collaboratives d'Alfresco"Webinar "Fonctions collaboratives d'Alfresco"
Webinar "Fonctions collaboratives d'Alfresco"
 
2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours
 
Site web CIHAM : outils plugins wordpress pour gérer les bibliographies et pa...
Site web CIHAM : outils plugins wordpress pour gérer les bibliographies et pa...Site web CIHAM : outils plugins wordpress pour gérer les bibliographies et pa...
Site web CIHAM : outils plugins wordpress pour gérer les bibliographies et pa...
 
Histoires de CMS
Histoires de CMSHistoires de CMS
Histoires de CMS
 
Développer ses noms de domaine
Développer ses noms de domaineDévelopper ses noms de domaine
Développer ses noms de domaine
 
Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)
 
Acquia et Arte : Drupal Camp Paris 2013
Acquia et Arte : Drupal Camp Paris 2013Acquia et Arte : Drupal Camp Paris 2013
Acquia et Arte : Drupal Camp Paris 2013
 
Formation WEB 2.0 (Stagiaires CUD - Mise à jour juin 2014)
Formation WEB 2.0 (Stagiaires CUD - Mise à jour juin 2014)Formation WEB 2.0 (Stagiaires CUD - Mise à jour juin 2014)
Formation WEB 2.0 (Stagiaires CUD - Mise à jour juin 2014)
 
Arte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes webArte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes web
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
360Eyes Business Objects metadonnées
360Eyes Business Objects metadonnées360Eyes Business Objects metadonnées
360Eyes Business Objects metadonnées
 
La diffusion multi-canal, formation ADBS
La diffusion multi-canal, formation ADBSLa diffusion multi-canal, formation ADBS
La diffusion multi-canal, formation ADBS
 
365 saturday - Développer un plugin XrmToolBox
365 saturday - Développer un plugin XrmToolBox365 saturday - Développer un plugin XrmToolBox
365 saturday - Développer un plugin XrmToolBox
 
2018 Cours projet web collaboratif Partie1
2018 Cours projet web collaboratif Partie12018 Cours projet web collaboratif Partie1
2018 Cours projet web collaboratif Partie1
 
Les Nouveautés XAML dans Windows 8.1
Les Nouveautés XAML dans Windows 8.1Les Nouveautés XAML dans Windows 8.1
Les Nouveautés XAML dans Windows 8.1
 
Introduction au développement Windows Phone 8
Introduction au développement Windows Phone 8Introduction au développement Windows Phone 8
Introduction au développement Windows Phone 8
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
 

Plus de Franck Cornu

Implémentez votre prochain assistant personnel d’intranet SharePoint grâce au...
Implémentez votre prochain assistant personnel d’intranet SharePoint grâce au...Implémentez votre prochain assistant personnel d’intranet SharePoint grâce au...
Implémentez votre prochain assistant personnel d’intranet SharePoint grâce au...
Franck Cornu
 
Boostez votre recherche SharePoint grâce aux Microsoft Cognitive Services!
Boostez votre recherche SharePoint grâce aux Microsoft Cognitive Services!Boostez votre recherche SharePoint grâce aux Microsoft Cognitive Services!
Boostez votre recherche SharePoint grâce aux Microsoft Cognitive Services!
Franck Cornu
 
Implémentez votre prochain assistant personnel d'intranet SharePoint grâce au...
Implémentez votre prochain assistant personnel d'intranet SharePoint grâce au...Implémentez votre prochain assistant personnel d'intranet SharePoint grâce au...
Implémentez votre prochain assistant personnel d'intranet SharePoint grâce au...
Franck Cornu
 
Evolution de l’Intranet d’entreprise avec Office 365 : quelles approches ?
Evolution de l’Intranet d’entreprise avec Office 365 : quelles approches ?Evolution de l’Intranet d’entreprise avec Office 365 : quelles approches ?
Evolution de l’Intranet d’entreprise avec Office 365 : quelles approches ?
Franck Cornu
 
Agilité et SharePoint: Incompatible? On gage que non!
Agilité et SharePoint: Incompatible? On gage que non!Agilité et SharePoint: Incompatible? On gage que non!
Agilité et SharePoint: Incompatible? On gage que non!
Franck Cornu
 
Agilité et SharePoint: Incompatible? On gage que non!
Agilité et SharePoint: Incompatible? On gage que non!Agilité et SharePoint: Incompatible? On gage que non!
Agilité et SharePoint: Incompatible? On gage que non!
Franck Cornu
 
Concevoir des applications SharePoint basées sur la recherche
Concevoir des applications SharePoint basées sur la rechercheConcevoir des applications SharePoint basées sur la recherche
Concevoir des applications SharePoint basées sur la recherche
Franck Cornu
 
Réussir son analyse fonctionnelle SharePoint
Réussir son analyse fonctionnelle SharePointRéussir son analyse fonctionnelle SharePoint
Réussir son analyse fonctionnelle SharePoint
Franck Cornu
 
Automatiser le déploiement d'environnements SharePoint 2010/2013 grâce à Powe...
Automatiser le déploiement d'environnements SharePoint 2010/2013 grâce à Powe...Automatiser le déploiement d'environnements SharePoint 2010/2013 grâce à Powe...
Automatiser le déploiement d'environnements SharePoint 2010/2013 grâce à Powe...
Franck Cornu
 

Plus de Franck Cornu (9)

Implémentez votre prochain assistant personnel d’intranet SharePoint grâce au...
Implémentez votre prochain assistant personnel d’intranet SharePoint grâce au...Implémentez votre prochain assistant personnel d’intranet SharePoint grâce au...
Implémentez votre prochain assistant personnel d’intranet SharePoint grâce au...
 
Boostez votre recherche SharePoint grâce aux Microsoft Cognitive Services!
Boostez votre recherche SharePoint grâce aux Microsoft Cognitive Services!Boostez votre recherche SharePoint grâce aux Microsoft Cognitive Services!
Boostez votre recherche SharePoint grâce aux Microsoft Cognitive Services!
 
Implémentez votre prochain assistant personnel d'intranet SharePoint grâce au...
Implémentez votre prochain assistant personnel d'intranet SharePoint grâce au...Implémentez votre prochain assistant personnel d'intranet SharePoint grâce au...
Implémentez votre prochain assistant personnel d'intranet SharePoint grâce au...
 
Evolution de l’Intranet d’entreprise avec Office 365 : quelles approches ?
Evolution de l’Intranet d’entreprise avec Office 365 : quelles approches ?Evolution de l’Intranet d’entreprise avec Office 365 : quelles approches ?
Evolution de l’Intranet d’entreprise avec Office 365 : quelles approches ?
 
Agilité et SharePoint: Incompatible? On gage que non!
Agilité et SharePoint: Incompatible? On gage que non!Agilité et SharePoint: Incompatible? On gage que non!
Agilité et SharePoint: Incompatible? On gage que non!
 
Agilité et SharePoint: Incompatible? On gage que non!
Agilité et SharePoint: Incompatible? On gage que non!Agilité et SharePoint: Incompatible? On gage que non!
Agilité et SharePoint: Incompatible? On gage que non!
 
Concevoir des applications SharePoint basées sur la recherche
Concevoir des applications SharePoint basées sur la rechercheConcevoir des applications SharePoint basées sur la recherche
Concevoir des applications SharePoint basées sur la recherche
 
Réussir son analyse fonctionnelle SharePoint
Réussir son analyse fonctionnelle SharePointRéussir son analyse fonctionnelle SharePoint
Réussir son analyse fonctionnelle SharePoint
 
Automatiser le déploiement d'environnements SharePoint 2010/2013 grâce à Powe...
Automatiser le déploiement d'environnements SharePoint 2010/2013 grâce à Powe...Automatiser le déploiement d'environnements SharePoint 2010/2013 grâce à Powe...
Automatiser le déploiement d'environnements SharePoint 2010/2013 grâce à Powe...
 

Intranets et sites web en SharePoint 2013 avec le Cross Site Publishing

  • 1. Online Conference June 17th and 18th 2015 WWW.COLLAB365.EVENTS Réalisation d'intranets et sites web SharePoint 2013 en Cross Site Publishing
  • 2. WWW.COLLAB365.EVENTS Franck Cornu Email : franck.cornu@gsoft.com Twitter : @FranckCornu 5 ans d’expérience avec SharePoint Spécialisation en intranet/portail d’entreprise Analyse/Architecture/Développement Blog: http://thecollaborationcorner.com/ Publication: « Réussir son analyse fonctionnelle SharePoint: Guide méthodologique » (http://bit.ly/1GsrJwd) Contact Montréal, QC, Canada
  • 3. WWW.COLLAB365.EVENTS Avant de commencer • Présentation (très) condensée issue d’un cas d’étude complet sur la réalisation d’un intranet ou un site web en SharePoint 2013 (on-premise) (280 pages actuellement) • Axée sur une approche d’utilisation optimales des fonctionnalités OOTB de SharePoint 2013. • Complément technique (C# & PowerShell) disponible pour chaque module. – Framework « Dynamite » disponible gratuitement sur GitHub. • Voir au delà du XSP: Orientée On-Premise mais les concepts restent valides pour SharePoint Online (Office365).
  • 4. WWW.COLLAB365.EVENTS C’est quoi le Cross Site Publishing en fait? • Extension de l’infrastructure de publication classique SharePoint • Séparation UI et données • Contribution répartie • Flexibilité du moteur de recherche VS CAML (ciblage, logique d’affaires)
  • 5. WWW.COLLAB365.EVENTS Schéma d’une solution de publication • Un découpage (arbitraire) en modules thématiques, besoins, rôles et contraintes
  • 6. WWW.COLLAB365.EVENTS • Mise en place des espaces de contribution • Principe de classification des contenus • Gestion de la sécurité • Affichage des éléments Gestion du processus complet de création du contenu jusqu’à son affichage. http://bit.ly/1hlnCvi La publication
  • 7. WWW.COLLAB365.EVENTS Mise en place des espaces de contribution • Un site d’auteurs c’est: • D’un point de vue technique: simple site SharePoint contenant des listes hébergeant du contenu destiné à être publiées sur un ou plusieurs sites de publication via les mécanismes de recherche. • D’un point de vue fonctionnel: espace contrôlé de contribution aux contenus d’un intranet ou d’un site web. • La fonctionnalité « Cross Site Publishing » est activée à ce niveau pour la configuration des « catalogues » La publication
  • 8. WWW.COLLAB365.EVENTS Principe de classification • Deux types de contenus répartis dans des catalogues:  Cycle de vie court/moyen: de l’ordre de quelques jours ou semaines • Élément de catalogue (Nouvelles, etc.)  Cycle de vie long: de l’ordre de plusieurs mois ou année • Élément cible de contenu (A propos de nous, Contactez-nous ,etc.) • Tous les contenus sont liés à un élément d’une « carte du site » via une colonne de métadonnée gérée faisant le lien avec la navigation La publication
  • 9. WWW.COLLAB365.EVENTS Gestion de la sécurité • Configuration des permissions sur les catalogues et la bibliothèque de pages du site de publication. • Contrôle de la catégorisation de l’information disponible dans chaque catalogue – Types de contenus et sous catégories La publication
  • 10. WWW.COLLAB365.EVENTS Affichage des éléments • Création de modèles de pages (*.aspx) dans le site de publication • Un seul élément (page de contenu et nouvelle) • Plusieurs éléments (nouvelles) • Création de Result Sources spécifiques • Utilisation des variables de recherche {Term} et {Term.IDWithChildren} et token GPP| • Utilisation d’un Search Results Web Part de résultats de recherche • (Optionnel) Result Types permettant de déterminer un Display Template dynamiquement La publication
  • 11. WWW.COLLAB365.EVENTS • Stratégie de navigation • Problématiques de navigation SharePoint OOTB • Construction des URL Gestion de l'accès à l’information dans le portail. http://bit.ly/1L1UCkO La navigation
  • 12. WWW.COLLAB365.EVENTS Problématiques de navigation OOTB • La navigation logique: parcours des contenus de manière horizontale ou verticale à travers une structure de liens définie, représentant le chemin nominal de navigation dans le site. – Contextes de navigation SharePoint: navigation globale et navigation courante • Navigation structurelle: basée sur les sites et sous sites • Navigation par taxonomie: basée sur un ensemble de termes = « Plage » d’URL valides pour un site • La navigation transversale: parcours de liens vers des contenus répartis à travers tout le portail sur la base de propriétés communes – Explicites (Mots clés) – Automatiquement (Office Graph) La navigation
  • 13. WWW.COLLAB365.EVENTS Stratégie de navigation • Problématique #1 : Le problème des contenus « inaccessibles » ou contenus « fantômes ». – Pages de contenu catégorisées avec le même terme, lequel afficher? – « Enforce unique value » sur la colonne de navigation • Problématique #2 : L’impossibilité de distinguer des sources de données de navigation différentes par menus pour un même contexte global. – Pied de pages, liens utiles, etc. – Introduction du concept de « Zones de navigation » • Un term set = une zone La navigation
  • 14. WWW.COLLAB365.EVENTS Stratégie de navigation • Différences entre: – Simple Link or Header - Term Driven Pages – Target Item Page - Catalog Item Page • Format d’URL Pour les termes de taxonomie • Généré automatiquement par SharePoint Pour les éléments de catalogues • = « Slugs » • Nécessité d’une URL unique • Générés via « Event receiver » • Construire grâce à connection de catalogues La navigation
  • 15. WWW.COLLAB365.EVENTS • Gestion de documents • Gestion des contenus médias • Importation de contenus au fur et à mesure du développement Gestion du contenu documentaire et des opérations de migration. http://bit.ly/1LbG5Cq La gestion documentaire
  • 16. WWW.COLLAB365.EVENTS Gestion des documents • Utilisation d’un centre de documents distinct • Même principe de classification que les contenus du portail (Type de contenu « Documents ») • Ajout d’une colonne spécifique pour permettre le lien vers des pages de contenus du portail La gestion documentaire
  • 17. WWW.COLLAB365.EVENTS Gestion des contenus médias • Gestion des images – Collection de sites séparée ou bibliothèques locales • Si même collection de sites que les contenus, attention au URL relatives! – Utilisation de la fonctionnalité des « Image Renditions » • Stockage sur le système de fichiers • Gestion des vidéos – Hébergeur externe (Youtube, etc…) ou stockage interne – Utilisation du type de contenu par défaut vidéo. La gestion documentaire
  • 18. WWW.COLLAB365.EVENTS Migration de contenus • Il était une fois une coquille vide… – Souvent la solution livrée après développement est vide de tout contenu • Avec une procédure de déploiement automatisée utilisant le Cross Site Publishing, un crawl est obligatoire • Intégrer la migration/création de contenus à même le développement de la solution – Utilisation de l’API Powershell de Sharegate – Cmdlet Import-DSPData + Cmdlets de manipulation Excel La gestion documentaire
  • 19. WWW.COLLAB365.EVENTS • Mise en place des variantes et impacts sur la solution globale • Améliorations Création et affichage de contenu dans plusieurs langues. http://bit.ly/1fCjVBe Le multilinguisme
  • 20. WWW.COLLAB365.EVENTS Mise en place des variantes et impacts • Configuration variantes SharePoint sur les sites d’auteurs et le site de publication (réglage du timer job aux 5 minutes) • Pas de variantes sur les documents mais utilisation d’une métadonnée de langue • Duplication des ensembles de termes utilisés pour les menus et la classification – « Pin » des termes entre un ensemble de terme « source » et un « cible » – Traduction des termes seulement dans l’ensemble source • Duplication des connexions de catalogues • Détermination de la langue des éléments à la création via un event receiver puis filtrage dans les requêtes de recherche via {Site.Locale} Le multilinguisme
  • 21. WWW.COLLAB365.EVENTS Améliorations • Contrôle de changement de langue (non présent dans SharePoint par défaut) – Contextes à gérer • Page *.aspx (incluant les pages systèmes) • Élément de catalogue avec friendly URL générée dynamiquement (nouvelle) • Élément de contenu avec friendly URL arbitraire – Solution technique • Génération d’une clé d’association unique (GUID) entre les éléments via event receiver • Contrôle *.ascx et provisionnement par delegate controls. Déploiement dans les sites d’auteurs et site de publication Le multilinguisme
  • 22. WWW.COLLAB365.EVENTS • Mise en place d’un module de commentaires Gestion des interactions entre utilisateurs. http://bit.ly/1Pz9MRx Le social
  • 23. WWW.COLLAB365.EVENTS Gestion des commentaires et likes • Site web: outils tiers (Disqus, etc.). Intranet: Yammer, Balises et notes ou autre… • Utilisation du mécanisme des forums SharePoint OOTB – Chaque page est un sujet – Commentaires authentifiés – Gère les likes, « en réponse à », permissions sur les commentaires. – ≠ évaluation sur les éléments sur les catalogues. Hébergées sur le site de publication uniquement (problématiques de Cross Domain Scripting) – Distinction entre langues • Développement d’un contrôle utilisateur *.ascx portable en Knockout JS + CSOM pour l’intégration aux pages. Le social
  • 24. WWW.COLLAB365.EVENTS • Stratégie de ciblage basée sur la recherche Filtrage dynamique des informations sur le portail selon les caractéristiques de l’utilisateur http://bit.ly/1L5zjht Le ciblage de contenu
  • 25. WWW.COLLAB365.EVENTS Stratégie de ciblage • Le ciblage de contenu ≠ sécurité • Cas de ciblage: • Un contenu différent pour une URL unique • Un ensemble de contenus affichés dans un même composant • Les critères de ciblage doivent êtres indépendants! Le ciblage de contenu
  • 26. WWW.COLLAB365.EVENTS • Contrôle de période de publication à la minute près Gestion du cycle de vies des contenus dans le portail. http://bit.ly/1hbzhxf Le cycle de vie
  • 27. WWW.COLLAB365.EVENTS Contrôle de la période de publication • Contrôle de période de publication: date de début de publication et date de fin  affichage seulement, pas d’archivage • Problématique: par défaut le langage KQL ne permet pas de filtrage à la minute ou seconde – Utilisation du FQL via les affinements de recherche (opérateur range) – Développement de Web Parts génériques, extensions de ceux par défaut de recherche. • A utiliser avec parcimonie car impose des contraintes (Cf. module de recherche ci-après) • Code complet disponible ici: http://bit.ly/1WIzbgg Le cycle de vie
  • 28. WWW.COLLAB365.EVENTS • Organisation de la rechercheGestion de la recherche à travers tous les portail À venir… La recherche
  • 29. WWW.COLLAB365.EVENTS Organisation de la recherche • Séparation entre les documents, les contenus du portail (web) et les personnes – Pas les mêmes métadonnées et filtres (période de publication, ciblage ,etc.)  Impossibilité d’appliquer la même requête pour tout le contenu • Pas de « Search Center » – Utilisation d’une page personnalisée et d’une structure d’URL standard /search/… • Configuration – Navigation par facettes – Types de résultats et règles de requêtes – Suppression des éléments SharePoint par défaut – Ranking via l’opérateur (XRANK) La recherche
  • 30. WWW.COLLAB365.EVENTS • La gestion du mobile • La gestion de l’affichage des informations Application de l’image de marque de l'entreprise au portail. À venir… Le design
  • 31. WWW.COLLAB365.EVENTS Gestion du mobile et de l’affichage • Utilisation de la starter master page de Randy Drisgill + Bootstrap 3 (approche responsive) – Format HTML selon la nouvelle façon de faire de SharePoint 2013 – Mobile ou non (système de grid uniquement) • Fichier de corrections de bugs SharePoint avec Bootstrap séparé • CSS: Utilisation de LESS  Transition vers SAAS • Gestion du mobile uniquement sur le site de publication! • Display Templates? Très peu pour nous  Utilisation de templates Knockout JS directement dans les display templates Le design
  • 32. WWW.COLLAB365.EVENTS Stay tuned for more great sessions … Merci!