Session TechDays 2013 avec Michel Laplane et Nicolas Georgeault

1. Visio 2013, SharePoint 2013,
Office 365: Le trio infernal!
Michel LAPLANE Patrick GUIMONET Nicolas GEORGEAULT
MVP Visio MVP SharePoint MVP SharePoint
ShareVisual Abalon Public Consulting Group
@MichelLaplane @patrickg @ngeorgeault
http://www.visualblog.fr http://www.abalon.fr http://ngeorgeault.club-sharepoint.fr
#mstechdays
Office / B2B / LOB / entreprise

2. Un trio infernal et surtout efficace
La puissance du client et aussi Les Workflows SharePoint Présentation des données et
du server 2013 aide a la décision
Office / B2B / LOB / entreprise

3. Chapitre 1
LA PUISSANCE DU CLIENT ET DU
SERVER
Office / B2B / LOB / entreprise

4. Rappel principe de fonctionnement
3 4
3. Publication 4. Visualisation 5. Rafraichissement
5 5
2
1 . Création 1 2. Liaison
données
SharePoint
Office

5. Rappel principe de fonctionnement
Traitement
XAML
Navigateur Silverlight
VDW
VSD lié à des données Enregistrer sous Traitement
pixels
Navigateur PNG
Source de données
Client Serveur Navigateur
Moteur
De Rendu
DOM
Navigateur PNG
VSD lié à des données Enregistrer sous VSDX
Traitement
pixels
Source de données
Client Serveur Navigateur
Office

6. Un format natif
Office

7. Visualisation directe plus rapide
Office

8. Intégration dans les applications
SharePoint
Liaison de Interactivité Interactivité
données simple avancées
Cohérence graphique Utilisation de connexions API JavaScript
avec les données de WebPart
Office

9. Intégration dans les applications
SharePoint
Liaison de Interactivité Interactivité
données simple avancées
Cohérence graphique Utilisation de connexions API JavaScript
avec les données de WebPart
Office

10. Intégration dans les applications
SharePoint
Liaison de Interactivité Interactivité
données simple avancées
Cohérence graphique Utilisation de connexions API JavaScript
avec les données de WebPart
Office

11. Intégration dans les applications
SharePoint
Liaison de Interactivité Interactivité
données simple avancées
Cohérence graphique Utilisation de connexions API JavaScript
avec les données de WebPart
Office

12. Intégration dans les applications
SharePoint
Liaison de Interactivité Interactivité
données simple avancées
Cohérence graphique Utilisation de connexions API JavaScript
avec les données de WebPart
Office

13. Intégration dans les applications
SharePoint
Liaison de Interactivité Interactivité
données simple avancée
Cohérence graphique Utilisation de connexions API JavaScript
avec les données de WebPart
Office

14. Intégration dans les applications
SharePoint
function onApplicationLoad()
{
try
{
var iWebPartId = findFirstVisioWebPartId();
if(iWebPartId != null)
{
Liaison de Interactivité
// Création de l'instance du contrôle
Interactivité
données simple
vwaControl = new Vwa.VwaControl(iWebPartId);
vwaControl.addHandler("diagramcomplete", onDiagramComplete);
avancées
vwaControl.addHandler("shapeselectionchanged",
onShapeSelectionChanged);
}
else
Cohérence graphique Utilisation de connexions API JavaScript
{ avec les données de WebPart
// Erreur
alert("WebPart Visio introuvable");
}
}
catch (ex)
{
alert(ex);
}
}
Office

15. Intégration dans les applications
SharePoint
<input type="radio" name="PhaseSelector" value="Phase1" onclick="Refresh()">Phase 1 projet</input><br>
<input type="radio" name="PhaseSelector" value="Phase2" onclick="Refresh()">Phase 2 projet</input><br>
<input type="radio" name="PhaseSelector" value="Phase3" onclick="Refresh()">Phase 2 projet</input><br>
Liaison de Interactivité Interactivité
données simple avancées
Cohérence graphique Utilisation de connexions API JavaScript
avec les données de WebPart
Office

16. Intégration dans les applications
SharePoint
function Refresh()
{
.....
for(var j = 0 ; j < vwaShapes.getCount() ; j++)
{
var shape = vwaShapes.getItemAtIndex(j);
var data = shape.getShapeData();
.....
for (var k = 0; k < data.length; k++)
{
Liaison de var shapeToHighlight = null; Interactivité
if (inputs[i].value == "Phase1" &&
Interactivité
données simple
data[k].label == "Phase" &&
data[k].value == '1') avancées
{
shapeToHighlight = shape;
}
.....
ifCohérence graphique
(shapeToHighlight != null) Utilisation de connexions API JavaScript
{
avec les données
shape.addOverlay("myOverlay" + j,
de WebPart
generateOverlayMarkup(shapeToHighlight),
Vwa.HorizontalAlignment.center,
Vwa.VerticalAlignment.middle,
shape.getBounds().width,
shape.getBounds().height);
currentlyHighlighted.push("myOverlay"+j);
currentlyHighlighted.push(j);
break } addOverlay(string overlayID, string content, Vwa.VerticalAlignment vPos,
} Vwa.HorizontalAlignment hPos, integer overlayHeight, integer overlayWidth),
.....
}
}
Office

17. Intégration dans les applications
SharePoint
function generateOverlayMarkup(shape)
{
return "<div id="HTMLDiv" style="width: 20%; height: 20%;background-color:#FF0000;z-
order:32;filter:alpha(opacity=30);"></div>";
}
Liaison de Interactivité Interactivité
données simple avancées
Cohérence graphique Utilisation de connexions API JavaScript
avec les données de WebPart
Office

18. Intégration dans les applications
SharePoint
Liaison de Interactivité Interactivité
données simple avancées
Cohérence graphique Utilisation de connexions API JavaScript
avec les données de WebPart
Office

19. Chapitre 2
LES WORKFLOWS SHAREPOINT
2013
Office / B2B / LOB / entreprise

20. Processus global
Dessin Visio Workflow
Format 2010
.vwi
Exportation
SharePoint 2013
Visio 2013 Importation SharePoint
Designer 2013 Publication
Sauvegarde
Analyste Dessin Administrateur Utilisateur
Métier Vision au
format Workflow
.vsdx 2013
Office / B2B / LOB / entreprise

21. Diagramme de flux de travail
SharePoint
2 versions : 2010 et 2013
Office / B2B / LOB / entreprise

22. Dessiner les étapes
Et collaborer…
Office / B2B / LOB / entreprise

23. Définir les détails du flux de travail
SharePoint
Office / B2B / LOB / entreprise

24. Exporter vers SharePoint Designer
• Exporter les WF 2010
au format .vwi
• Sauvegarder les WF
2013 au format .vsdx
Office / B2B / LOB / entreprise

25. Importer dans SharePoint Designer
• Importer les WF 2010
au format .vwi
• Importer les WF 2013
au format .vsdx
Office / B2B / LOB / entreprise

26. Importer dans SharePoint Designer
• Importer les WF 2010
au format .vwi
• Importer les WF 2013
au format .vsdx
Office / B2B / LOB / entreprise

27. Enrichir le Workflow dans SharePoint
Designer
• 2 modes : textuel ou
visuel
• Préciser les paramètres
de chaque tâche
Office / B2B / LOB / entreprise

28. Nouveautés Workflow 2013 ( 1 / 3 )
• Variable de type
dictionnaire
• Appel de service Web Appeler le service
web HTTP
direct
• Affecter une tâche Affecter une tâche
Générer un
dictionnaire
Obtenir l élément
du dictionnaire
Compter les
éléments du
et plusieurs tâches
dictionnaire
Démarrer le
processus de tâche
Actions de flux de travail dans SharePoint Designer 2013 À partir de l’adresse <http://msdn.microsoft.com/fr-fr/library/jj164026(office.15)>
Actions de flux de travail dans SharePoint Designer 2010 : Aide-mémoire À partir de l’adresse <http://office.microsoft.com/fr-fr/sharepoint-designer-
help/actions-de-flux-de-travail-dans-sharepoint-designer-2010-aide-memoire-HA010376961.aspx#_Toc260924447>
Office / B2B / LOB / entreprise

29. Nouveautés Workflow 2013 ( 2 / 3 )
Démarrer un flux
de travail de liste
Démarrer un flux
de travail de site
• Démarrage d’un flux 2010
Extraire la sous-
chaîne depuis le
Extraire la sous-
chaîne de la fin de
Rechercher la
sous-chaîne dans
• Fonctions de
début de la chaîne la chaîne la chaîne
manipulations de chaînes
Extraire la sous-
Extraire la sous- Remplacer la sous-
chaîne de la chaîne
chaîne de l'index chaîne dans la
à partir de l index
de chaîne chaîne
avec la longueur
• Fonctions pour
l’intégration avec Project
Découper la chaîne
Actions de flux de travail dans SharePoint Designer 2013 À partir de l’adresse <http://msdn.microsoft.com/fr-fr/library/jj164026(office.15)>
Actions de flux de travail dans SharePoint Designer 2010 : Aide-mémoire À partir de l’adresse <http://office.microsoft.com/fr-fr/sharepoint-designer-
help/actions-de-flux-de-travail-dans-sharepoint-designer-2010-aide-memoire-HA010376961.aspx#_Toc260924447>
Office / B2B / LOB / entreprise

30. Nouveautés Workflow 2013 ( 3 / 3 )
Étape : Phase 1 Étape : 1
• Etapes
• Boucles
Boucler n fois : 1 Boucle avec condition : 1
• Parallélisme
Actions de flux de travail dans SharePoint Designer 2013 À partir de l’adresse <http://msdn.microsoft.com/fr-fr/library/jj164026(office.15)>
Actions de flux de travail dans SharePoint Designer 2010 : Aide-mémoire À partir de l’adresse <http://office.microsoft.com/fr-fr/sharepoint-designer-
help/actions-de-flux-de-travail-dans-sharepoint-designer-2010-aide-memoire-HA010376961.aspx#_Toc260924447>
Office / B2B / LOB / entreprise

31. Architecture Flux de travail SharePoint
2013
Office / B2B / LOB / entreprise

32. Exécution (1/3)
Office / B2B / LOB / entreprise

33. Exécution (2/3)
Office / B2B / LOB / entreprise

34. Exécution (3/3)
Office / B2B / LOB / entreprise

35. Chapitre 3
PRÉSENTATION DES DONNÉES
ET AIDE A LA DÉCISION
Office / B2B / LOB / entreprise

36. Sources de donnees supportees
• SharePoint 2013 On-Premises
ODC BCS
– Support de Kerberos, SSS et Unattended Authentication
– Support natif d’SQL Azure
– Support natif des listes externes via BCS –> WCF, .NET, Odata, etc.
• Office 365
BCS
– Office 365 est un environnement muti-tenant
– Support natif des listes externes via BCS
Office / B2B / LOB / entreprise

37. MERCI

38. Développeurs Pros de l’IT
http://aka.ms/generation-app Formez-vous en ligne www.microsoftvirtualacademy.com
http://aka.ms/evenements- Retrouvez nos
http://aka.ms/itcamps-france
developpeurs évènements
Les accélérateurs Faites-vous
Windows Azure, Windows Phone, accompagner
Windows 8 gratuitement
Essayer gatuitement http://aka.ms/telechargements
nos soltions IT
La Dev’Team sur MSDN Retrouver nos experts L’IT Team sur TechNet
http://aka.ms/devteam Microsoft http://aka.ms/itteam
Office / B2B / LOB / entreprise

39. Venez nombreux à la
Conf’SharePoint !
www.confsharepoint.com

40. Donnez votre avis !
Depuis votre smartphone, sur :
http://notes.mstechdays.fr
De nombreux lots à gagner toutes les heures
!!!
Claviers, souris et jeux Microsoft…
Merci de nous aider à améliorer les TechDays
http://notes.mstechdays.fr