38
# 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é

Embed Size (px)

Citation preview

Page 1: 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é

#mstechdays techdays.microsoft.fr

Page 2: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

@geoffreylalannecsc42

geoffreylalanne

Page 3: 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é

Retrouvez JC Désire – dsi des cinémas Gaumont Pathé sur la Techdays TV à 16h00

Page 4: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 5: 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é

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

Page 6: 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é

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

Page 7: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Alerte déroulante

Calendriergénéral

Météogéolocalisée

Liens vers des sites externes

Permet de revenirà l’accueil de POP

Filtre pour sélectionner des publications particulières

Actualitésgénérales

Postes proposéspar la RH

Affichage du fil Yammer

Fil Twitter de @GaumontPat

he

Chiffres clés

Listes des projets

Listes des cinémasListes des Directions

Fonctionnelles

Affichage les 12 dernières publications des Directions Fonctionnelles

Page 8: 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é

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…..

Page 9: 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é

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

Page 10: 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é

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)

Page 11: 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é

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

Page 12: 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é

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

Page 13: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

EBX (SOAP)

Webservices (REST)

Search (O365)

Webservices (REST)

iFrame (URL)

Page 14: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 15: 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é

Architecture hybride: Pourquoi ?

Hybride applications: Intégrer des données à partir de plusieurs sources interne et externe

On parle aussi d’applications composites

Page 16: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 17: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

EBX (SOP)

Webservices (REST)

SharePoint Online

Webservices (REST)

iFrame (URL)

Page 18: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 19: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 20: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Accès aux donnéesCORS (Cross-origin resource sharing)vsJSONP (JSON With Padding)

LimitationDisposer de services qui supporte le CORS ou le JSONPAvoir un navigateur récent (même support que SharePoint Online)

Page 21: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Accés aux donnéesCORS (Cross-origin resource sharing)JSONP (JSON With Padding)SP.WebRequestInfo (Server Web Proxy)

LimitationIntération avec la page Hote, votre App s’execute dans une iFrameSi 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

Page 22: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

TypeScript || JavascriptAccès aux données• CORS (Cross-origin resource sharing)• JSONP (JSON With Padding)• SP.WebRequestInfo (Server Web Proxy)

Design PatternMVVMSingle Page Application

FrameworksKnockoutAngular

Page 23: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Accés aux donnéespostMessage (HTML5)

LimitationRé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 !

Page 24: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 25: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 26: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Accés aux donnéesPar l’API SharPoint REST ou CSOMUtilisation du Ranking Model Personnes

LimitationUtilisation des Managed Properties du service de recherches disponibleMapping limité entre AD et SharePoint

Page 27: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Accés aux donnéesPar l’API SharPoint REST ou JSOM

LimitationMapping limité entre AD et SharePointUtilisation des Managed Properties du service de recherches disponible

• FirstName• LastName• PreferredName• UserName• Office• Title

• Department• WorkEmail• SPS-SipAddress• AccountName

Page 28: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Accés aux donnéesUtilisation de l’API REST – Graph API v 1.5Compatible ODATAAuthentification Oauth 2.0

LimitationLimitation du nombre de propriété accéssible par objet

Page 29: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 30: 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é

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

Page 31: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 32: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

POP

Page 33: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 34: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 35: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 36: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 37: 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é

tech.days 2015#mstechdaysArchitecture hybride: intégrer vos données métier

Page 38: 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é

© 2015 Microsoft Corporation. All rights reserved.

tech days•2015

#mstechdays techdays.microsoft.fr