Archives de catégorie : Intranet

Facilitez la recherche de sites, d’applications et de ressources pertinentes au travail de vos utilisateurs grâce aux vignettes personnalisées dans SharePoint Server 2016

Introduction

Le lanceur d’applications est une fonctionnalité native d’Office 365 très utile permettant de redimensionner, positionner, épingler, rechercher vos applications en plus de permettre d’ajouter des vignettes personnalisés. Cette fonctionnalité est maintenant disponible dans SharePoint 2016 Server mais pour l’instant, il est seulement possible d’ajouter des vignettes personnalisés.

Prérequis

Il faut installer au minimum la mise à jour publique de novembre 2016 pour SharePoint Server 2016 (Feature Pack 1).

Configuration

La configuration pour activer les vignettes personnalisées est très bien décrite sur le site MSDN alors je ne répéterai pas ces étapes.

Ajouter des vignettes personnalisées

Tout d’abord accéder à la liste de vignette créé lors de l’étape précédente :

http://VotreSite/lists/custom%20tiles

Ensuite ajouter un nouvelle élément dans cette liste :

CustomTile.PNG

 

Note : Le champ Publics peut être laissé vide si on veut que la vignette s’affiche pour tous les utilisateurs.

 

Idéalement l’icône devrait être blanc avec un fond transparent afin d’être similaire aux autres icônes.

Exemple d’icône

Une fois que vous avez ajouté un nouvel élément à la liste de vignettes personnalisées, l’affichage dans le lanceur d’application peut prendre jusqu’à 24 heures en raison de la mise en cache. Cependant, on peut forcer le rafraîchissement de cette cache en exécutant avec la fonction JavaScript ClearSuiteLinksCache() dans la console via F12 :

Affiche les résultats dans la console du navigateur du développeur

Résultat :

Application Web Intranet

HomeIntranet

Application Web autre

TilesWebApp

On peut voir que la vignette personnalisé s’ajoute uniquement dans la Web Application Intranet.

Si jamais vous avez spécifié un URL d’icône non-accessible ou invalide vous aurez droit à magnifique hexagone :

TileHExagone.PNG

Activer les vignettes personnalisées dans plusieurs applications web

Pour utiliser la même liste de vignettes personnalisées dans plusieurs applications, activez la fonctionnalité sur chaque application web, puis mettez à jour la propriété CustomTilesListHostUrl dans l’application web qui contient la liste de vignettes personnalisées souhaitée.

Ex :

Enable-SPFeature -Identity CustomTiles -Url http://web_app -Force

$w = Get-SPWebApplication http://web_app
$w.Properties.CustomTilesListHostUrl = « http://web_app url/ »
$w.Update()

Attention de bien spécifier uniquement l’URL de l’application Web et non pas le lien vers la liste de tuile.

Il faut quand même forcer un ClearSuiteLinksCache() et ensuite les tuiles provenant de la première Application Web s’afficheront :

TileWebAppAutre

Dans ce cas, j’ai utilisé deux applications Web de Publication en HTTP et ça a fonctionné correctement. Je n’ai pas réussi à partager de vignettes entre deux applications Web HTTPS (Certificat SSL non vérifié) dont une est de type Publication et l’autre de type Hôte de site Mon Site.

 

Conclusion

C’est une fonctionnalité très intéressante pour permettre la recherche de sites, d’applications et de ressources pertinentes au travail de vos utilisateurs. Ça ne permet pas aux utilisateurs d’ajouter et de redimensionner leur propres tuiles comme dans O365 mais c’est déjà un bon premier pas.

Référence

Vignettes personnalisées dans SharePoint Server 2016 (MSDN)

 

 

 

Advertisements

Conférencier @ SharePoint Saturday Montréal 2017

Introduction

Le 13 mai 2017 aura lieu au Collège Maisoneuve, 2701 Rue Nicolet, Montréal l’événement SharePoint Saturday Montréal. J’aurai la chance d’y participer à nouveau en tant que conférencier.

Vous travaillez de près ou de loin avec SharePoint, Office 365 ou Azure? Joignez-vous à un groupe d’architectes, de développeurs, d’intégrateurs, de gestionnaires de communautés et des gens d’affaires gravitant autour de SharePoint lors de de la tenue de la 5e édition du SharePoint Saturday Montréal.
Plusieurs conférenciers de qualité sont annoncés avec des présentations de DEV/ITPRO/User/Business.
Voici le lien pour vous inscrire :
inscrire

Conclusion

C’est un super événement GRATUIT, à ne pas manquer avec plein de goodies, du smoked meat et d’excellents conférenciers.

Utiliser une validation de colonne pour valider le numéro de téléphone de vos contacts

Similairement à mon billet précédent, je vous propose une autre formule afin de valider le numéro de téléphone de vos contacts.

On peut ajouter une formule directement dans la colonne de type « Une seule ligne de texte » nommé « Téléphone mobile » :

Les fonctions utilisés dans la formule doivent être dans la même langue que votre site (Français dans ce cas) :

=SI(ESTVIDE([Téléphone mobile]);VRAI;
ET(
 ESTERREUR(TROUVE(";";[Téléphone mobile];1));
 ESTERREUR(TROUVE(".";[Téléphone mobile];1));
 ESTERREUR(TROUVE("p";[Téléphone mobile];1));
 ESTERREUR(TROUVE("#";[Téléphone mobile];1));
 ESTERREUR(TROUVE(",";[Téléphone mobile];1));
 ESTERREUR(TROUVE("(";[Téléphone mobile];1));
 ESTERREUR(TROUVE(")";[Téléphone mobile];1)))
)

La formule ci-haut n’est pas aussi restrictive qu’une expression régulière mais elle constitue tout de même un bon départ :

  • Ignore la validation si le champ est vide;
  • Ne doit pas contenir le caractère « ; »;
  • Ne doit pas contenir le caractère « . »;
  • Ne doit pas contenir le caractère « p »;
  • Ne doit pas contenir le caractère « # »;
  • Ne doit pas contenir le caractère « , »;
  • Ne doit pas contenir le caractère « ( »;
  • Ne doit pas contenir le caractère « ) »;

Par la suite, entrer le message d’erreur désiré et tester le tout :

ValidationTelephoneMsg

 

Afficher des tuiles comme résultats de recherche à l’aide d’un modèle d’affichage

J’ai récemment présenté une session intitulé « Construisez votre intranet avec Microsoft Office 365 sans code » dans laquelle j’ai expliqué comment faire une composante « Qui s’en occupe? ». Cette composante permet d’afficher le ou les répondants pour une activité précise dans l’organisation en utilisant une liste personnalisé, la recherche et un modèle d’affichage.

Cet article va donc détailler les différentes étapes pour construire votre propre composante avec des modèles de recherche dans Office 365 :

QuiSenOccupe1.PNG

Cas d’utilisation

L’utilisateur recherche un sujet selon la première lettre et ensuite il clique sur la tuile afin d’afficher le ou les répondants.

QuiSenOccupe2

QuiSenOccupe4

Comment réaliser cette composante ?

La première étape consiste à créer une liste personnalisé afin d’entreposer les différents sujets :

QuiSenOccupe5

Ensuite, dans les configuration du service de recherche, il suffit de lier la crawled property « ows_LinkTitle » avec une propriété géré « RefinableString » de votre choix. Puisqu’on ne peut pas créé de nouvelles propriétés dans le service de recherche d’O365, Microsoft en a créé suffisamment pour qu’on puisse les réutiliser. Par la suite, ajouter alias sur cette propriété afin de l’identifier et de l’utiliser plus tard dans la zone de recherche.

QuiSenOccupe3

Puis, dans la page de composants web part dans lequel on veut ajouter la composante « Qui s’en occupe? », on ajoute 2 web parts de type Éditeur de contenu.

Pour permettre l’affichage des filtres par lettres, la première aura un lien vers un fichier contenant ceci :

La deuxième web part aura un lien vers un fichier contenant ceci :

Comme vous avez pu le remarquer il y a une référence à un fichier CSS qu’il faut déposer dans Style Library et ensuite ajuster le chemin.

Ensuite, il faut ajouter deux web parts « Zone de recherche » et « Résultats de la recherche » et configurer la dernière avec cette requête (Ajuster au besoin selon le URL de votre site) :

QuiSenOccupe6

Finalement, il reste à télécharger le modèle d’affichage de tuiles dans la galerie des pages maîtres et à configurer le modèle dans la web part :

QuiSenOccupe7

URL : /sites/intranet/_catalogs/masterpage/Forms/AllItems.aspx –> Display Templates –> Search

Conclusion

Il est possible qu’il y ai un certain délais (jusqu’à 24h) avant que les modifications aux propriétés gérés soient prisent en compte dans O365. Malgré cela, il est possible d’arriver à un résultat visuellement intéressant et performant sans avoir à développer plusieurs jours dans Visual Studio.

Références

Modèle d’affichage de tuiles

Barre de filtre avec les lettres

 

 

Erreur lors de l’affichage de certaines images dans un site de publication utilisant le BlobCache

Récemment, on a diagnostiqué un problème d’affichage de certaines images dans une collection de site de publication d’une ferme SP2010. Ceci semble s’être produit suite à un changement au niveau de la sécurité du site. Après investigation, il s’est avéré que ce problème était relié au BlobCache qui était corrompu.

Diagnostic du problème

Lors de l’affichage de l’image dans une page, celle-ci ne s’affiche pas :

BlobCache1

Les métadonnées de l’image s’affichent correctement :

BlobCache3

Lors de l’accès direct à l’image, il y a un message d’erreur « Impossible de terminer cette opération » :

BlobCache2

Malheureusement, le message dans le ID de corrélation n’est pas d’une grande utilité.

On a ensuite trouvé cet article expliquant comment effectuer un flush du BlobCache par PowerShell et comment le faire manuellement.

Une tentative de flush par PowerShell n’a malheureusement pas fonctionné.

Ensuite, lorsque le BlobCache a été désactivé au niveau du Web.config, les images se sont misent à fonctionner à nouveau.

Par la suite, le BlobCache a été réactivé et un flush du BlobCache manuel a été effectué bien que ceci n’est pas recommandé ni supporté par Microsoft.

Voici la procédure :

  • Désactiver le BlobCache dans les fichiers web.config de chaque web application sur chaque serveur web;
  • Supprimer les dossiers BlobCache de chaque web application sur chaque serveur web;
  • Effectuer un IISRESET sur chaque serveur web;
  • Activer le BlobCache dans les fichiers web.config de chaque web application sur chaque serveur web;
  • Effectuer un IISRESET sur chaque serveur web.

Ensuite, l’image s’affiche correctement et le BlobCache se met à jour :

BlobCache4.png

Conclusion

Bien que ceci n’est pas supporté et recommandé, c’est la seule façon trouvé pour corriger le problème outre que de désactiver le BlobCache ou remonter une Web Application. De plus, des tests on été effectués dans un environnement d’acceptation afin de s’assurer que cela ne causait pas d’autres problèmes.

Avez-vous déjà été obligé de faire un flush manuel du BlobCache?

 

Utiliser une validation de colonne pour valider l’adresse courriel de vos contacts

Un des problèmes courant lorsqu’on met en place une liste de contact est que les données ne sont pas toujours uniformes et valides. Puisque certains contacts n’ont pas d’adresse courriel, on ne peut pas mettre ce champ obligatoire. Cependant, on peut ajouter une validation au niveau de la colonne.

On peut ajouter une formule directement dans la colonne de type « Une seule ligne de texte » nommé « Courrier électronique » :

ValidationColonne.PNG

Les fonctions utilisés dans la formule doivent être dans la même langue que votre site (Français dans ce cas) :

=SI(ESTVIDE([Courrier électronique]);VRAI;
ET(
ESTERREUR(TROUVE(" "; [Courrier électronique];1));
ESTERREUR(TROUVE(";"; [Courrier électronique];1));
ESTERREUR(TROUVE(".."; [Courrier électronique];1));
ESTERREUR(TROUVE(".@"; [Courrier électronique];1));
SI(ESTERREUR(TROUVE("@"; [Courrier électronique];2)); FAUX;
ET( ESTERREUR(TROUVE("@";[Courrier électronique]; TROUVE("@"; [Courrier électronique];2)+1));
SI(ESTERREUR(TROUVE("."; [Courrier électronique]; TROUVE("@"; [Courrier électronique];2)+2)); FAUX;
TROUVE("."; [Courrier électronique]; TROUVE("@"; [Courrier électronique];2)+2) < NBCAR([Courrier électronique])
)
)
)
)
)

La formule ci-haut n’est pas aussi restrictive qu’une expression régulière mais elle constitue tout de même un bon départ :

  • Ignore la validation si le champ est vide;
  • Ne doit pas contenir d’espace;
  • Ne doit pas contenir le caractère « ; »;
  • Ne doit pas contenir deux points consécutifs;
  • Ne doit pas contenir un point précédent le @;
  • Ne doit pas contenir de plusieurs @;
  • Ne dois pas commencer par un @;
  • Ne dois pas se terminer par un « . »;
  • Doit contenir au moins un « . » après le @;
  • Doit contenir au moins un caractère entre le « . » et le @.

Par la suite, entrer le message d’erreur désiré et tester le tout :

ValidationColonneInvalide

 

Alternative à la WebPart Recherche de contenu (CSWP) lorsque celle-ci n’est pas disponible dans votre abonnement

Lorsque j’ai présenté ma session « Construisez votre intranet avec Microsoft Office 365 sans code », j’ai mis de l’avant la composante WebPart Recherche de contenu (CSWP) pour la majorité des composantes réalisées. On m’a alors posé la question suivante : « Que faire si mon client dispose uniquement d’un abonnement E1 et que cette composante de recherche n’est pas disponible? »

C’est une excellente question et effectivement la WebPart Recherche de contenu (CSWP) est uniquement disponible dans les abonnements Office 365 Enterprise E3, E4, E5, A3, A4, G3, G4. Cependant, on peut tout aussi bien utiliser la WebPart Résultats de la recherche qui est disponible dans tous les types d’abonnements O365 et sur SharePoint Server. Il suffit d’adapter légèrement les modèles d’affichage afin que ceux-ci fonctionnent.

Ce billet explique comment modifier un modèle d’affichage destiné au composant WebPart Recherche de contenu (CSWP) afin soit disponible dans le composant WebPart Résultats de la recherche.

Références

How to enable Content Search Web Part Display Templates for Search Result Web Part

Content Search Web Part vs Search Results Web Part

Search innovations for site and portal design in SharePoint Online