SlideShare a Scribd company logo
1 of 33
Bien comprendre le nouveau
modèle Apps de SharePoint
2013
SharePoint Saturday – MONTRÉAL
8 février 2014 – February 8th 2014
Merci à nos commanditaires!
Thanks to our sponsors!
Qui

Suis-je?
Louis-Philippe Lavoie
•

Spécialiste SharePoint

•

Architecte / Consultant / Formateur / Développeur

louis-philippe.lavoie@gsoft.com

@lplavoie

http://www.gsoft.com/fr/blogue?categorie=sharepoint
|3
Plan de

Présentation
1

Théorie

2

Pratique

|4
Petit

Sondage

|5
1

La Théorie

|6
Qu’est-ce qu’une

APP SharePoint 2013?
Apps for SharePoint are self-contained pieces of functionality that extend
the capabilities of a SharePoint website. Apps integrate the best of the web
and SharePoint; they are targeted, lightweight, and easy-to-use, and do a
great job at solving a user need

SharePoint 2013 : Le contenu d’un site est appelé « App »
Listes, Librairies, Calendriers, …

Selon la documentation : 3 types d’Apps

|7
SharePoint

Hosted
Quoi
Hébergé sur la ferme
JavaScript et HTML seulement

Sécurité
Directe
Identité de l’usager

|8
Provider

Hosted
Quoi
Hébergé sur serveur indépendant
N’importe quel langage

Sécurité
OAuth ou Cross-domain library
Assignation de permissions (« I trust this App »)
Peut utiliser d’autres identités

|9
Auto

Hosted
Quoi
Azure Web Site, SQL Azure
Seulement dans SharePoint Online

Sécurité
OAuth ou Cross-domain library
Assignation de permissions (« I trust this App »)
Peut utiliser d’autres identités

| 10
Sécurité et

Identité
3 contextes de sécurité
User-only
App
User + App

4 types de permissions
Read
Write
Manage
Full Control
* + Droits spéciaux pour les services (Search, BCS, Workflow …)

Dès qu’on parle d’identité:
OAuth, Cross-domain JavaScript ou certificat SSL
| 11
Obtenir et

Utiliser
Installation
App Store et App Catalog

Formats

AppPart : « cadre » (iFrame)
Comme un définition de WebPart
Code est ailleurs (dans App Web, sur Azure, autre serveur)

| 12
CHOISIR LE BON

API

| 13
Accès aux

Données
Données SharePoint

Données externes

| 14
2

La Pratique

| 15
RECOMMENDATIONS

OFFICIELLES
Develop an app whenever you can
Design apps or NCSSs for end users and design farm solutions for
administrators
Design NCSSs for branding and template-like extensions
All future investments will go to making the new SharePoint app model
richer and more powerful. Accordingly, we recommend that all new
development should use the new app model whenever possible
In scenarios where you have to develop a farm solution or coded
sandboxed solution, we recommend that you design it so that it can easily
evolve toward a more loosely coupled development model

| 16
APPLICATIF SOUS

SharePoint 2013
Farm Solution (Code sur serveur)
Web services

Sandbox
Avec code : Désuet NE PAS UTILISER
No-Code Sandbox Solution (NCSS)

Client Application (Desktop)
C# + CSOM
Tout autre langage + Services REST

Provider Hosted App
Tout language + Services REST

Auto Hosted App

| 17
APPLICATIF SOUS

SharePoint 2013
JavaScript
SharePoint Hosted App
Code dans CEWP
JSLink / Client Side Rendering
Display Templates (Search)

Script PowerShell ( + Task Scheduler)
App pour Office (Word, Excel)
Mobile App

| 18
Différences

Fondamentales
Solution de ferme
Installation par un administrateur
Exécute sur le serveur
Portée : Ferme à Web

Apps or NCSS
Approbation d’un administrateur
Exécute hors-serveur
Installation par les usagers
Identité propre (Apps)
Portée : Web ou collection de site

JavaScript (JSLink, Display Templates)
Idéal pour toutes modifications de l’affichage d’un composant existant

| 19
BUFFET

OUVERT
Combiner 2 ou 3 types d’Apps (Solution Hybride)
… Avec des Farm Solutions, Sandbox, PowerShell, etc.

Apps pure : Dans les cas simples seulement
Repenser votre architecture
Avant : Monolithique (un seul WSP)
Maintenant : Combinaison (best practices)

| 20
Vers l’infini

Et l’au-delà!

SharePoint Online

SharePoint
(local)
JSLink

Sandbox

Services Web
(Farm Sltn)

Auto Hosted
App

Azure Worker
Process
Application
RH

| 21
Apps pour

SharePoint Online
No-Code Sandbox Solution (NCSS)
Pour provisionner des entités SharePoint (champs, listes, pages)

Auto Hosted App
Logique (code) sous Azure
Peut s’intégrer avec vos services on-premises

SharePoint Hosted App
JavaScript + HTML uniquement
Peut s’intégrer avec vos services on-premises
“Because Microsoft handles all the management of SharePoint Online,
there is no need for administrative extensions”

Version de SharePoint Online change sans avertissement
pas stable, pas documentée
| 22
À

Savoir
Dans le App Web:
Branding
Possible de réutiliser la feuille de style (thème)

Navigation
Vous n’êtes pas dans votre site SharePoint
(donc pas de navigation)

WebParts
Une grande partie non-disponible

Permissions, Settings, _layouts
Formulaires
À refaire presque au complet
PeoplePicker, TaxonomyPicker

| 23
En Manchette

INFOPATH EST FINALEMENT

MORT

| 24
Questions de

Contexte
Host Web

(Site
SharePoint)

App Web

Données

https://sps-528fad6733fd9e.spsMtl.dev/MonApp
Direct
OAuth
RequestExecutor

1…1

Données et
pages à créer

| 25
Déploiement

d’Éléments
App : Ne peut pas déployer d’éléments dans son Host Web
… Ah oui en fait (Full Control + code)

Chaque type d’architecture a des possibilités différentes
Ex: Pas de code en Sandbox, Auto Hosted vs Cloud, Branding
Farm-only:
•
•
•
•
•

Définitions de Site
Contrôle délégués
Thèmes
Groupes d’actions (Ruban)
Contrôles (.ascx)

| 26
Références

Rapides

sur:

| 27
CRÉER UNE

APP
Outils
Visual Studio 2012 et +
Visual Studio Online
Napa
N’importe quel éditeur

Site SharePoint de type « Developer Site »
SharePoint Online (pour faire Auto Hosted Apps)
Serveur dédié (pour faire Provider Hosted Apps)

| 28
EN

RÉSUMÉ
Beaucoup de choix (plus que 3!!)
Il faut les connaitre pour bien choisir

Evolve toward a more loosely coupled development model
Avec le bon choix et des bonnes pratiques :
Le développement applicatif est beaucoup plus
flexible en SharePoint 2013

| 29
CAS

D’Étude
Espace de Projet

Farm ou (Sandbox + JS)

Modifications sur un (gabarit de) site existant
Identité de l’usager
Plusieurs instances (1 par projet)

Portail de Gestion de Projet

Apps

Données applicatives + liens sur les sites de projet
Identité de l’usager + accès système
Installé à un endroit dans la ferme

| 30
CAS

D’Étude
Modification visuelle sur un contenu SharePoint

JSLink/CSR (JavaScript)

(Super-Calendrier, liste de tâches animée, carrousel d’images, etc.)

N par site
Données SharePoint

WebPart météo

Apps

N par site
Cadre (iFrame) seulement
Données externes

| 31
Questions
Merci!

| 32


Visitez-nous! – Visit Us!







Site principal / Main site – www.sharepointquebec.org
Twitter - @guspquebec
Facebook - http://www.facebook.com/groups/206445679432304/
Meetup- http://www.meetup.com/guspquebec/
LinkedIn - http://www.linkedin.com/groups?gid=149597

More Related Content

Similar to Bien comprendre le nouveau modèle Apps de SharePoint 2013

Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...
Patrick Guimonet
 
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
ENSIBS
 
M20488 formation-developper-des-applications-microsoft-sharepoint-server-2013
M20488 formation-developper-des-applications-microsoft-sharepoint-server-2013M20488 formation-developper-des-applications-microsoft-sharepoint-server-2013
M20488 formation-developper-des-applications-microsoft-sharepoint-server-2013
CERTyou Formation
 

Similar to Bien comprendre le nouveau modèle Apps de SharePoint 2013 (20)

Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œilVisual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
Visual Studio 2013 / SharePoint 2013 duo de choc de 2010 à 2013 en un clin d’œil
 
Ma stack d'outils agiles, tout un programme !
Ma stack d'outils agiles, tout un programme !Ma stack d'outils agiles, tout un programme !
Ma stack d'outils agiles, tout un programme !
 
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...
 
SharePoint Framework : le développement SharePoint nouvelle génération
SharePoint Framework : le développement SharePoint nouvelle générationSharePoint Framework : le développement SharePoint nouvelle génération
SharePoint Framework : le développement SharePoint nouvelle génération
 
Introduction au nouveau moteur de workflow de Microsoft : Flow
Introduction au nouveau moteur de workflow de Microsoft : FlowIntroduction au nouveau moteur de workflow de Microsoft : Flow
Introduction au nouveau moteur de workflow de Microsoft : Flow
 
Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)
Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)
Introduction au nouveau moteur de workflow de Microsoft : Flow (Serge Luca)
 
UGSF Juin 2013 - Design des Apps SharePoint 2013
UGSF Juin 2013 - Design des Apps SharePoint 2013UGSF Juin 2013 - Design des Apps SharePoint 2013
UGSF Juin 2013 - Design des Apps SharePoint 2013
 
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
 
M20488 formation-developper-des-applications-microsoft-sharepoint-server-2013
M20488 formation-developper-des-applications-microsoft-sharepoint-server-2013M20488 formation-developper-des-applications-microsoft-sharepoint-server-2013
M20488 formation-developper-des-applications-microsoft-sharepoint-server-2013
 
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...
 
SharePoint Summit Quebec 2013 - Votre premiere App SharePoint 2013 avec Napa
SharePoint Summit Quebec 2013 - Votre premiere App SharePoint 2013 avec NapaSharePoint Summit Quebec 2013 - Votre premiere App SharePoint 2013 avec Napa
SharePoint Summit Quebec 2013 - Votre premiere App SharePoint 2013 avec Napa
 
Personnalisez vos espaces SharePoint
Personnalisez vos espaces SharePointPersonnalisez vos espaces SharePoint
Personnalisez vos espaces SharePoint
 
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
 
Microsoft Power Platform en Action
Microsoft Power Platform en Action Microsoft Power Platform en Action
Microsoft Power Platform en Action
 
Développer avec les technologies Microsoft : productivité et open source
Développer avec les technologies Microsoft : productivité et open sourceDévelopper avec les technologies Microsoft : productivité et open source
Développer avec les technologies Microsoft : productivité et open source
 
Patterns pour porter son code SharePoint vers Office 365 (SharePoint Saturday...
Patterns pour porter son code SharePoint vers Office 365 (SharePoint Saturday...Patterns pour porter son code SharePoint vers Office 365 (SharePoint Saturday...
Patterns pour porter son code SharePoint vers Office 365 (SharePoint Saturday...
 
Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...
Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...
Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...
 
inext café #03 - Automatiser ses processus métier avec SharePoint et Nintex
inext café #03 - Automatiser ses processus métier avec SharePoint et Nintexinext café #03 - Automatiser ses processus métier avec SharePoint et Nintex
inext café #03 - Automatiser ses processus métier avec SharePoint et Nintex
 
Eryem talks "Réussissez votre migration SharePoint 2013"
Eryem talks "Réussissez votre migration SharePoint 2013"Eryem talks "Réussissez votre migration SharePoint 2013"
Eryem talks "Réussissez votre migration SharePoint 2013"
 
Votre première App SharePoint pour Office 365 avec Visual Studio !
Votre première App SharePoint pour Office 365 avec Visual Studio !Votre première App SharePoint pour Office 365 avec Visual Studio !
Votre première App SharePoint pour Office 365 avec Visual Studio !
 

Bien comprendre le nouveau modèle Apps de SharePoint 2013

  • 1. Bien comprendre le nouveau modèle Apps de SharePoint 2013 SharePoint Saturday – MONTRÉAL 8 février 2014 – February 8th 2014
  • 2. Merci à nos commanditaires! Thanks to our sponsors!
  • 3. Qui Suis-je? Louis-Philippe Lavoie • Spécialiste SharePoint • Architecte / Consultant / Formateur / Développeur louis-philippe.lavoie@gsoft.com @lplavoie http://www.gsoft.com/fr/blogue?categorie=sharepoint |3
  • 7. Qu’est-ce qu’une APP SharePoint 2013? Apps for SharePoint are self-contained pieces of functionality that extend the capabilities of a SharePoint website. Apps integrate the best of the web and SharePoint; they are targeted, lightweight, and easy-to-use, and do a great job at solving a user need SharePoint 2013 : Le contenu d’un site est appelé « App » Listes, Librairies, Calendriers, … Selon la documentation : 3 types d’Apps |7
  • 8. SharePoint Hosted Quoi Hébergé sur la ferme JavaScript et HTML seulement Sécurité Directe Identité de l’usager |8
  • 9. Provider Hosted Quoi Hébergé sur serveur indépendant N’importe quel langage Sécurité OAuth ou Cross-domain library Assignation de permissions (« I trust this App ») Peut utiliser d’autres identités |9
  • 10. Auto Hosted Quoi Azure Web Site, SQL Azure Seulement dans SharePoint Online Sécurité OAuth ou Cross-domain library Assignation de permissions (« I trust this App ») Peut utiliser d’autres identités | 10
  • 11. Sécurité et Identité 3 contextes de sécurité User-only App User + App 4 types de permissions Read Write Manage Full Control * + Droits spéciaux pour les services (Search, BCS, Workflow …) Dès qu’on parle d’identité: OAuth, Cross-domain JavaScript ou certificat SSL | 11
  • 12. Obtenir et Utiliser Installation App Store et App Catalog Formats AppPart : « cadre » (iFrame) Comme un définition de WebPart Code est ailleurs (dans App Web, sur Azure, autre serveur) | 12
  • 16. RECOMMENDATIONS OFFICIELLES Develop an app whenever you can Design apps or NCSSs for end users and design farm solutions for administrators Design NCSSs for branding and template-like extensions All future investments will go to making the new SharePoint app model richer and more powerful. Accordingly, we recommend that all new development should use the new app model whenever possible In scenarios where you have to develop a farm solution or coded sandboxed solution, we recommend that you design it so that it can easily evolve toward a more loosely coupled development model | 16
  • 17. APPLICATIF SOUS SharePoint 2013 Farm Solution (Code sur serveur) Web services Sandbox Avec code : Désuet NE PAS UTILISER No-Code Sandbox Solution (NCSS) Client Application (Desktop) C# + CSOM Tout autre langage + Services REST Provider Hosted App Tout language + Services REST Auto Hosted App | 17
  • 18. APPLICATIF SOUS SharePoint 2013 JavaScript SharePoint Hosted App Code dans CEWP JSLink / Client Side Rendering Display Templates (Search) Script PowerShell ( + Task Scheduler) App pour Office (Word, Excel) Mobile App | 18
  • 19. Différences Fondamentales Solution de ferme Installation par un administrateur Exécute sur le serveur Portée : Ferme à Web Apps or NCSS Approbation d’un administrateur Exécute hors-serveur Installation par les usagers Identité propre (Apps) Portée : Web ou collection de site JavaScript (JSLink, Display Templates) Idéal pour toutes modifications de l’affichage d’un composant existant | 19
  • 20. BUFFET OUVERT Combiner 2 ou 3 types d’Apps (Solution Hybride) … Avec des Farm Solutions, Sandbox, PowerShell, etc. Apps pure : Dans les cas simples seulement Repenser votre architecture Avant : Monolithique (un seul WSP) Maintenant : Combinaison (best practices) | 20
  • 21. Vers l’infini Et l’au-delà! SharePoint Online SharePoint (local) JSLink Sandbox Services Web (Farm Sltn) Auto Hosted App Azure Worker Process Application RH | 21
  • 22. Apps pour SharePoint Online No-Code Sandbox Solution (NCSS) Pour provisionner des entités SharePoint (champs, listes, pages) Auto Hosted App Logique (code) sous Azure Peut s’intégrer avec vos services on-premises SharePoint Hosted App JavaScript + HTML uniquement Peut s’intégrer avec vos services on-premises “Because Microsoft handles all the management of SharePoint Online, there is no need for administrative extensions” Version de SharePoint Online change sans avertissement pas stable, pas documentée | 22
  • 23. À Savoir Dans le App Web: Branding Possible de réutiliser la feuille de style (thème) Navigation Vous n’êtes pas dans votre site SharePoint (donc pas de navigation) WebParts Une grande partie non-disponible Permissions, Settings, _layouts Formulaires À refaire presque au complet PeoplePicker, TaxonomyPicker | 23
  • 24. En Manchette INFOPATH EST FINALEMENT MORT | 24
  • 25. Questions de Contexte Host Web (Site SharePoint) App Web Données https://sps-528fad6733fd9e.spsMtl.dev/MonApp Direct OAuth RequestExecutor 1…1 Données et pages à créer | 25
  • 26. Déploiement d’Éléments App : Ne peut pas déployer d’éléments dans son Host Web … Ah oui en fait (Full Control + code) Chaque type d’architecture a des possibilités différentes Ex: Pas de code en Sandbox, Auto Hosted vs Cloud, Branding Farm-only: • • • • • Définitions de Site Contrôle délégués Thèmes Groupes d’actions (Ruban) Contrôles (.ascx) | 26
  • 28. CRÉER UNE APP Outils Visual Studio 2012 et + Visual Studio Online Napa N’importe quel éditeur Site SharePoint de type « Developer Site » SharePoint Online (pour faire Auto Hosted Apps) Serveur dédié (pour faire Provider Hosted Apps) | 28
  • 29. EN RÉSUMÉ Beaucoup de choix (plus que 3!!) Il faut les connaitre pour bien choisir Evolve toward a more loosely coupled development model Avec le bon choix et des bonnes pratiques : Le développement applicatif est beaucoup plus flexible en SharePoint 2013 | 29
  • 30. CAS D’Étude Espace de Projet Farm ou (Sandbox + JS) Modifications sur un (gabarit de) site existant Identité de l’usager Plusieurs instances (1 par projet) Portail de Gestion de Projet Apps Données applicatives + liens sur les sites de projet Identité de l’usager + accès système Installé à un endroit dans la ferme | 30
  • 31. CAS D’Étude Modification visuelle sur un contenu SharePoint JSLink/CSR (JavaScript) (Super-Calendrier, liste de tâches animée, carrousel d’images, etc.) N par site Données SharePoint WebPart météo Apps N par site Cadre (iFrame) seulement Données externes | 31
  • 33.  Visitez-nous! – Visit Us!      Site principal / Main site – www.sharepointquebec.org Twitter - @guspquebec Facebook - http://www.facebook.com/groups/206445679432304/ Meetup- http://www.meetup.com/guspquebec/ LinkedIn - http://www.linkedin.com/groups?gid=149597

Editor's Notes

  1. SP2013Équipe de développementAppsJavaScript .NET / MVC4
  2. http://msdn.microsoft.com/en-us/library/office/fp179892.aspxYou cangrantrights to youridentity (throughOAuthtokens)The application canpersistgrantedtokens (with the Secure Store) and so continue to act on yourbehalfevenwhenyou are not there
  3. Déjà ça se complexifie!
  4. http://msdn.microsoft.com/en-us/library/fp179897.aspx
  5. “End users” in this context are site-collection administrators, website owners, andwebsite members.Looselycoupled : Uniquement des services webs sur le serveur, le reste (UI, business rules), ailleurs
  6. http://msdn.microsoft.com/en-us/library/office/dn268593.aspx
  7. Somethings are currently impossible to do as a package in SPO
  8. Full Control App == Notaccepted on O365App Web isactually in samesite collection as Host Web but hidden
  9. http://msdn.microsoft.com/en-us/library/office/fp179925.aspx
  10. Nathalie