#mstechdays techdays.microsoft.fr
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
@geoffreylalanne
csc42
geoffreylalanne
Retrouvez JC Désire – dsi des cinémas Gaumont
Pathé sur la Techdays TV à 16h00
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Les applications Cloud ne sont pas le
remède à tout
Les applications Cloud ne sont pas isolées du
système d’information
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Dans le système
d’information de
l’entreprise
1
Chez vos partenaires
21
$
1
Dans le Cloud
3
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Alerte déroulante
Calendrier
général
Météo
géolocalisée
Liens vers des
sites externes
Permet de revenir
à l’accueil de POP
Filtre pour sélectionner des
publications particulières
Actualités
générales
Postes proposés
par la RH
Affichage du fil
Yammer
Fil Twitter de
@GaumontPat
he
Chiffres clés
Listes des
projets
Listes des
cinémas
Listes des Directions
Fonctionnelles
Affichage les 12 dernières publications des Directions
Fonctionnelles
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
# Moderniser l’intranet actuel
# Unification des accès aux applications via l’Intranet
# Extension des accès aux populations des cinémas
# Mise en place des espaces projets
# Connexions aux référentiels cinemas
# Mise en place des espaces cinémas
# Recentrer les outils par rapport aux usages
Ah oui, c’est sur SharePoint Online…..
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
# Moderniser l’intranet actuel
# Unification des accès aux applications via l’Intranet
# Extension des accès aux populations des cinémas
# Mise en place des espaces projets
# Mise en place des espaces cinémas
# Recentrer les outils par rapport aux usages
# Connexions aux référentiels cinemas
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Siège
Cinémas
MDM interne
(liste cinémas, salles, etc.)
Partenaire
externe
(mobile2you)
Partenaire externe
(forcast.io météo,
google maps)
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Sources de données
Expérience utilisateur
Identification des sources de données
(ERP, sources externes, etc.)
Mise en place des accès aux données
(authentification, sécurisation, etc.)
Transformation des données et
intégration dans les systèmes cibles
Présentation des données au sein de
l’application
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
pour les informations météo
MDM pour les informations cinémas
(salles, nb sièges, etc.)
Mobile2You pour les statistiques (e-
Billets, Nb entrées, etc.)
Utilisateurs pour les informations
employés (rattachement cinémas)
Yammer pour les informations sociales
Google pour les informations de
cartographie
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
EBX (SOAP)
Webservices (REST)
Search (O365)
Webservices (REST)
iFrame (URL)
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Architecture hybride: Pourquoi ?
Hybride applications: Intégrer des données à partir de plusieurs sources
interne et externe
On parle aussi d’applications composites
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
EBX (SOP)
Webservices (REST)
SharePoint Online
Webservices (REST)
iFrame (URL)
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Accès aux données
CORS (Cross-origin resource sharing)
vs
JSONP (JSON With Padding)
Limitation
Disposer de services qui supporte le CORS ou le JSONP
Avoir un navigateur récent (même support que
SharePoint Online)
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Accés aux données
CORS (Cross-origin resource sharing)
JSONP (JSON With Padding)
SP.WebRequestInfo (Server Web Proxy)
Limitation
Intération avec la page Hote, votre App s’execute dans
une iFrame
Si vous utilisez SP.WebRequestInfo, attention a la
limitation du volumes de données retourné
‘The Size of response from the remote endpoint
exceeds configured’ 200 KB
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
TypeScript || Javascript
Accès aux données
• CORS (Cross-origin resource sharing)
• JSONP (JSON With Padding)
• SP.WebRequestInfo (Server Web Proxy)
Design Pattern
MVVM
Single Page Application
Frameworks
Knockout
Angular
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Accés aux données
postMessage (HTML5)
Limitation
Réaliser une page a héberger sur le même domaine
que le service a exposé
Avoir un navigateur récent (même support que
SharePoint)
Possible mais déconseillé
pour l’accès aux données !
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Accés aux données
Par l’API SharPoint REST ou CSOM
Utilisation du Ranking Model Personnes
Limitation
Utilisation des Managed Properties du service de
recherches disponible
Mapping limité entre AD et SharePoint
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Accés aux données
Par l’API SharPoint REST ou JSOM
Limitation
Mapping limité entre AD et SharePoint
Utilisation des Managed Properties du service de
recherches disponible
• FirstName
• LastName
• PreferredName
• UserName
• Office
• Title
• Department
• WorkEmail
• SPS-SipAddress
• AccountName
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Accés aux données
Utilisation de l’API REST – Graph API v 1.5
Compatible ODATA
Authentification Oauth 2.0
Limitation
Limitation du nombre de propriété accéssible par
objet
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
Siège
Cinémas
MDM interne
(liste cinémas, salles, etc.)
Partenaire
externe
(mobile2you)
Partenaire externe
(forcast.io Météo)
SOAP XML
CORS JSON
Partenaire externe
(Google Maps)
JSONP
JSON
URL
SharePoint
(Listes / Recherche …)
REST JSON
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
POP
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier
© 2015 Microsoft Corporation. All rights reserved.
tech days•
2015
#mstechdays techdays.microsoft.fr

Architectures hybrides: Intégrer vos données métiers dans vos applications cloud. Exemple via la mise en place d'un nouvel outil de collaboration pour les cinémas Gaumont Pathé.