Votre première App SharePoint pour Office 365 avec Visual Studio !

1. Votre première App SharePoint pour
Office 365 avec Visual Studio !
Gilles Pommier – MVP Office 365 - SmartView

2. Qui suis-je ?
• Gilles Pommier
Office 365 MVP, MCT and co-founder of SmartView
http://www.smartview.fr –
gilles.pommier@smartview.fr
• SmartView
Agile
SharePoint/Office 365
Business Intelligence
Coaching/Training

3. Agile + SharePoint = OpenOffice365Adoption
Pablo, our Agile guy !
• 3

4. Un peu de théorie
SharePoint Hosted apps
Provider Hosted apps
Apps Modèle MVC
Dev – Niveau 200
Agenda

5. Pour SharePoint
Une extension réutilisable « à la facebook »
SharePoint 2013 &
SharePoint Online : Tout
est Apps !
Apps : Une définition ?

6. Les apps du Store MS

7. Ajouter une apps sur votre
site SP

8. Ajouter une apps sur votre
site SP

9. Ajouter une apps sur votre
site SP

10. Ajouter une apps sur votre
site SP

11. Ajouter une apps sur votre
site SP

12. Ajouter une apps sur votre
site SP

13. Ajouter une apps sur votre
site SP

14. Ajouter une apps sur votre
site SP

15. Ajouter une apps sur votre
site SP

16. Ajouter une apps sur votre
site SP

17. Les différents types d’apps
Immersive full page app (aka SPA)
At least one required in every app—landing page; can still use SharePoint
chroming; lives in remote web for a cloud-hosted app
App Part
Like a web part; hosted in an IFRAME (can point to content in remote web)
UI custom actions (declarative)

18. Evolutions des
Développements SharePoint
SP2007 SP2010 SP2013
Declar. App &
Workflow Events
CSOM
_vti_bin_vti_bin
_api
_api

19. Mais en fait, qu’est ce qui a
réellement changé ?

20. Avant/Après

21. Office 365
Environnement
Developer Site
Napa Office 365 Development
Tools
SharePoint-hosted App Provider-hosted App
Visual Studio
Office Developer Tools
SharePoint Client Components

22. Démo

23. Office 365
Environnement
Apps live in their own isolated environment called
the “app web”.
The site in which they function is called the “host
web”
APP1UID GUIDAPP1

24. Les possbilités de
hosting

25. Mode d’exécution
des Apps

26. Comment accéder
aux données SP
.NET Managed client object model (CSOM)
JavaScript client object model (JSOM)
REST endpoints with OData

27. Démo

28. .NET Managed client object
model (CSOM) example

29. Différences entre C# et
Javascript
C# JavaScript
using Microsoft.SharePoint.Client; ExecuteOrDelayUntilScriptLoaded(initFunc,
“sp.js”); …or…
$(document).ready(initFunc);
using (ClientContext context = new
ClientContext(absoluteUrl))
using (ClientContext context = TokenHelper…( ))
var context = SP.ClientContext.get_current();
var context = new SP.ClientContext(relativeUrl);
string title = web.Title; var title = web.get_title();
context.Load(oList, list=>list.Title,
list=>list.Created);
context.load(oList, ‘Title’, ‘Id’);
context.load(oListColl, ‘Include(Title, Id)’);
context.ExecuteQuery();
context.ExecuteQueryAsync();
context.executeQueryAsync(onSuccess, onError);
Value types: StringCollection Value types: string[], NaN
Automatic FormDigest handling Manual FormDigest handling
Issues creating RoleDefinitionBindingCollection’s

30. Apps vs WSP
Apps Sandboxed WSP
No Code (*)
Full trust WSP
(on prem only)
Where does server-side code
run?
Anywhere but
farm
Farm (User Code
Service)
Farm (w3wp.exe)
Scalable Highly Limited Based on farm
Who installs and removes Users
Site collection
admin
Farm admin
Supported in SP2013 Yes Yes Yes
SharePoint Online compatible Yes Yes No
Azure-hosting compatible Yes No No
Requires local farm for
developers
No Yes Yes
Remote deployment and
debugging from Visual Studio
Yes No No
*SandBox Solution withcodeisdeprecated inSP2013 &O365

31. Le développeur
SharePoint/O365 aujourd’hui
est un développeur Web

32. Avant

33. Aujourd’hui

34. Complete-Me-Code-Sample
https://github.com/OfficeDev/Complete-Me-Code-
Sample/tree/master/CompleteMeSharePointHostedApp
http://www.jeremythake.com/2013/10/sharepoint-hosted-app-with-
angularjs-for-mvc-javascript/

35. Office 365 API
http://dev.office.com/

36. Démo

37. Thanks!

38. • Thank you for your attention!
• This presentation will be available on the
• Casablanca SharePoint Days web site after the
• event.
Merci de votre attention !
Cette présentation sera disponible sur le site internet
de SharePoint Days Casablanca, après l’événement.

39. SVP évaluez ma session!
Complétez le sondage et courez la chance
de gagner une tablette Surface
Please rate this session!
Fill out the survey and get a chance to win a Surface