Le Post Infeeny

Les articles des consultants et experts Infeeny

[SPC14] Developping socially connected apps with Yammer, SharePoint and OpenGraph

Mail de Fabien

Session par Chris Johnson, manager Provoke Solution

// Résumé
Session très intéressante sur l’intégration de Yammer via l’API à des pages d’un intranet, à des applications métier, à n’importe quoi !

Pour les Dev, plein d’exemples sympa a venir sur son blog, car il va y poster la session : http://www.looselytyped.net

// Yammer API
Il nous explique les cas d’usage classique : L’API peut servir a remonter les interactions utilisateurs dans des Apps. A commenter des éléments, a liker. A partager du contenu. On peut imaginer plugger une application métier a yammer.
Exemple dans Dynamics CRM. Yammer est intégré.

Les APIs:
• Rest
• Javascript
• Opengraph: ‘protocole’ social
• Embed widget : newsfeed, bouton like
• SDK Ruby python iOS Win phone

REST api : classique, requêtes https, réponses json, get, post, delete
Exemples:
https://www.yammer.com/api/v1/messages.json
/my_feed.json
/Following.json
/users.json
/users/current.json
/streams/notifications.json
/uploaded_files/in_group/58555.json
/search.json?…

Tout ce qu’il faut pour: les messages, groupes, réseaux, invitations, Suggestions, …
http://developers.yammer.com/restapi
Attention, peu de documentation, il faut se débrouiller avec tout ca 😉

démo de REST api:
Il utilise Postman, une extension chrome pour jouer avec l’API.

Authentification:
Yammer utilise Oauth 2.0:
• User authentication
• App autorisation
• App authentication

https://www.yammer.com/client_applications : cette url donne la liste des applications clientes, leur ID, secret, etc. Une application est liée a un network. Sauf si on veut la publier dans le store yammer et dans ce cas, il faut la soumettre et passer le filtre yammer (qualité, sécurité,…).

Il nous explique maintenant comment s’authentifier par du code serveur via Oauth. Tout est dans le slide.
Maintenant, même description en code client JS.
Ca redirige l’utilisateur veut une petite fenêtre de login pour autoriser l’app a accéder aux données yammer.
SDK Javascript : Un script a intégrer dans sa page : Https://assets.yammer.com/platform/yam.js

Il nous fait une démo d’authentification dans une app web en utilisant JS.
D’abord via code serveur .net puis en JS. Très simple

// OpenGraph dans Yammer

Opengraph defini un protocole du type : Person + action + thing on app name + message
Ex: Fabien aime le doc xyz dans l’intranet « bon document !:) »

Pour créer un objet opengraph: on POST vers /activity.json

Une démo en .net, on voir que tout objet opengraph a sa propre page dans yammer. On peut donc tout liker, commenter, etc… même des items d’une application métier par exemple.

L’exemple type est le flux yammer a coté des documents office web app.

Api embed :
Un script js a ajouter.
Une page cachée pour paramétrer la feed embed : https://…./widget/configure
On peut pousser un feed dans un DIV ou autre.
Super pour mettre des commentaire sur n’importe quel élément, page, etc.

Il montre maintenant comment ajouter un bouton like via l’API embed, le bouton embed permet de l’ile la page courant.
Il compare avec un autre like via JS SDK, et là, ca va plus loin, car il peut Mike via JS n’importe quel objet depuis n’importe quelle page (des likes dans une liste d’éléments, etc…)

// dernière démo
Im a codé une app office pour ajouter une conversation sur la droite d’un document.
Comme dans web app, mais dans le client lourd !
Ils ont re-codé l’interface mais ca aurait pu se faire facilement via l’API embed.

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

%d blogueurs aiment cette page :