Office Add-Ins - Introduction aux add-ins - Introduction au framework Office UI Fabric - Développement d'add-ins pour le web le desktop et le mobile avec MVC.NET - Développement d'add-ins avec un stack open source (AngularJS, Node, Yeoman) - Retours sur les nouveautés de la //Build Microsoft Graph - Développement Microsoft Graph : où quand pourquoi ? - Résolution des problématiques d’authentification Azure AD : Que nous cache Visual Studio ! - Exploration du graph - Développement from scratch d’une application universelle avec Microsoft Graph - Développement et migration d’une application MVC ASP.NET avec Microsoft Graph - Développement d’une application Web avec VS Code, Node.js et Angular.JS - Retours sur les nouveautés de la //Build

1. SharePoint Saturday Montréal
Sébastien Levert – Bill Ayers
& Sébastien Pertus
Préconference SPS Paris 2016 :
Le développement Office 365 par la pratique
The SharePoint and Office 365 Takeaway: A Mobile
Development Workshop
#SPSParis
Twitter : @sebastienlevert & @SPDoctor

2. SharePoint Saturday Montréal
Qui est Sébastien Pertus ?
Toulouse / Paris Microsoft.com
Evangéliste technique
O365
Développeur Web /
Win / SQL /Azure @sebastienpertus Aka.ms/seb

3. SharePoint Saturday Montréal
Qui est Sébastien Levert ?
Montréal, Canada oceanik.com
Office Servers &
Services MVP
Développeur Web @sebastienlevert sebastienlevert.com

4. SharePoint Saturday Montréal
Agenda
• Introduction au développment Office 365
• Les Office Add-Ins
• Introduction aux add-ins
• Introduction au framework Office UI Fabric
• Développement d'add-ins pour le web le desktop et le mobile avec MVC.NET
• Développement d'add-ins avec un stack open source (AngularJS, Node,
Yeoman)
• SharePoint Framework
• Introduction au SharePoint Framework

5. SharePoint Saturday Montréal
Agenda
• Le Microsoft Graph
• Développement Microsoft Graph : où quand pourquoi ?
• Authentification Azure AD : Que nous cache Visual Studio !
• Exploration du graph
• Développement from scratch d’une application universelle avec Microsoft Graph
• Développement et migration d’une application MVC ASP.NET avec Microsoft
Graph
• Développement d’une application Web avec VS Code, Node.js et Angular.JS
• Retours sur les nouveautés de la //Build

8. SharePoint Saturday Montréal
Survol de la plateforme Office Add-Ins
• Les Office Add-Ins vous permettent d’étendre les clients
Office
• Tels que Word, Excel, PowerPoint et Outlook en utilisant les technologies web
comme HTML, CSS et JavaScript.
• Vous pouvez utiliser les Office Add-Ins pour :
• Ajouter une nouvelle fonctionnalité aux clients Office
• Créer de nouveaux objets riches et interactifs qui peuvent être intégrés dans un
document Office
• Les Office Add-Ins s’exécutent sur différentes versions
d’Office
• Incluant Office pour Windows Desktop, Office Online, Office pour Mac, and
Office pour iPad.

9. SharePoint Saturday Montréal
Les plateformes supportées

10. SharePoint Saturday Montréal
Anatomie d’un Office Add-In

11. SharePoint Saturday Montréal
Le manifest
• Le nom, description, ID, version et la langue par défaut
• Comment l’Add-In s’intègre avec Office
• Les niveaux de permission et les accès aux données requis
pour le Add-In

12. SharePoint Saturday Montréal
L’application web
• Le minimum requis est une application web avec une page
HTML statique. Cette page peur être hébergée n’importe
où!
• L’Office Add-In peut interagir avec le client Office ou pas
du tout! L’utilisation et l’intégration d’Office.js est la clé pour
l’interaction avec le client.

14. SharePoint Saturday Montréal
Survol du Office UI Fabric
• Toolkit pour construire des expériences pour Office 365
• Outil bâti par les designers de Microsoft
• Fonctionnalités avancées comme le support du texte
affiché de droite à gauche et les composants responsives.
• Simplifier votre intégration à Office
• Une seule charte graphique entre vous et Microsoft
• Fait pour le web moderne
• C’est Open Source! Contribuez!

20. SharePoint Saturday Montréal
L’évolution du développement
SharePoint

21. SharePoint Saturday Montréal
Survol du SharePoint Framework

22. SharePoint Saturday Montréal
La structure des nouvelles pages

23. SharePoint Saturday Montréal
Comment démarrer avant sa sortie
• Maîtriser le développement web moderne
• JavaScript
• TypeScript
• Frameworks JavaScript (React, AngularJS 1.X / 2)
• Maîtriser le nouveau workflow du développeur moderne
• NodeJS
• Gulp
• Yeoman
• Git
• Utiliser les environnements de développement modernes
• Visual Studio Code

25. SharePoint Saturday Montréal
Les services Office 365

26. z

27. SharePoint Saturday Montréal
• https://msdn.microsoft.com/office/office365/howto/setup-
development-environment
• Environnement Office 365
• Depuis votre réseau d’entreprise
• Depuis votre abonnement msdn
• Offre gratuite 30 jours (puis 99$ / an)
• Associer votre tenant Office 365 avec Azure AD
• Utile pour manager vos applications : Autorisation et authentification
Environnement

29. SharePoint Saturday Montréal
Avant Microsoft graph
https://contoso-my.sharepoint.com/_api/v1.0/me
https://outlook.office365.com/api/v1.0/Me/Folders/Inbox/Messages
https://graph.windows.net/contoso.com/

31. http://graph.microsoft.com
https://graph.microsoft.com/v1.0/me/messages
https://graph.microsoft.com/v1.0/me/drive
https://graph.microsoft.com/v1.0/users

32. Microsoft Graph
Azure Active
Directory
Authentification

33. Microsoft Graph
Azure Active Directory
Lecture Ecriture Mail
Lecture SharePoint
Lecture OneDrive
Lecture Mail
Lecture OneDrive
Authentification

35. SharePoint Saturday Montréal
Votre solution Votre technologie
.Net, JS, Java, Obj. C, Ruby …
Microsoft Azure Autre…
(Amazon, Heroku, IIS, LAMP
Environnement de
développement
Authentification
et
Autorisations
Données

36. SharePoint Saturday Montréal
https://www.nuget.org/packages/Microsoft.Graph
https://blogs.msdn.microsoft.com/mim/2016/04/06/dispo
nibilite-du-sdk-net-microsoft-graph/

37. SharePoint Saturday Montréal

41. SharePoint Saturday Montréal
Merci à notre sponsor
Préconférences !
#SPSParis
Twitter : @sebastienlevert & @SPDoctor
Et rendez-vou demain pour le
SPS Paris 2016 !