[SPC14] Customizing search experiences with Azure hosted data and Bing Maps

Mail de Fabien

Session présentée par :
• Rainer Asbach
• Timo Heidschuster
• Johannes Lemmerer
• Tous Microsoft Allemagne ou Autriche

// résumé

Le but de cette session est de voir comment enrichir la recherche en ajoutant des cartes, des images liées, des données externes.
Un gros focus sur comment modifier les display templates.

// la session

Scenario : un agent de voyage veut avoir toutes ses infos sur son écrans de recherche:
• Une liste SP avec des données géographique : longitude, latitude
• Une librairie de photos
• Une bdd Azure avec des données supplémentaires

Ce qu il veulent faire :
• Avec un tenant o365
• L’écran en PJ

Ils vont utiliser :
• Liste/librairie
• Crawler properties (ows)
• Managed properties
• Display Templates: pour le hover panel, pour le raffinement
• Résulte type: lié au Ctype de données géographique de la liste

Comment ils font :
Création d’un display template : Il ne partent pas de zéro mais font un copier coller d’un existant puis le modifie. Ils partent du item_default et item_default_hoverPanel.

Ils créent maintenant un result type. Pareil, ils font une copie du SP list item auquel ils ajoutent une condition sur le Ctype et auquel ils associent le display Template créé a l’étape précédente.

Ok, ca marche, ils ont un display panel custom.
Maintenant ils vont ajouter des managed properties aux display templates.
Ils éditent la section « managedPropertyMapping » à laquelle ils ajoutent les propriétés custom.

Ok, maintenant, il ajoute une référence vers un script JS pour afficher la carte. Il le met dans le display Template de d’item, pas du hoverPanel, sinon, ca marche pas car c’est pas chargé avec la page. Et dans le hoverPanel. Il appelle sa librairie. Il commence par une fonction qui ne fait que formater ses latitude/longitude en joli html.

Maintenant, pareil, mais avec une carte.
Il récupère le code JS ici : http://www.bingmapsportal.com/ISDK/AjaxV7
Il copie colle ce qu’il faut dans ses display templates et dans une script editor wp pour ajouter du script à la page de recherche. et… voilà ! Attention au ID HTML dans les display templates, penser a mettre l’id de d’item courant.
Sehr schön ! La carte apparaît !

On recommence pour ajouter les photos liées dans le hover panel.
Pareil que pour la carte.

Passons maintenant au données de la base de données SQL Azure.
Ils ont une table : ville, titre. Url vers la fiche Wikipédia correspondante.
Pour l’instant les données BCS ne peuvent pas être crawlé sur SPO, donc il faut plutôt une requête en live a l’affichage. Pour cela, ils utilisent les services REST de SQL Azure pour requêtes les données.

les sources seront publiés sur un blog. A fouiller si besoin.

Fabien

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s