Visio vous permet de valoriser vos données et de les présenter de manière simple et ludique à vos utilisateurs. Couplé à SharePoint ou SharePoint Online vous pouvez les partager simplement et largement dans votre organisation. Venez découvrir quelques scénarios d'utilisation des nouvelles briques technologiques coulées à visio services(moteur de recherche, skydrive, ...) sur deux scénarios : - La gestion de tableaux de bord dans le domaine universitaire, - La gestion du changement d'une infrastructure SharePoint en entreprise. Les démonstrations se feront sur SharePoint OnPremises et SharePoint sur Office 365.

1. Visio 2013, SharePoint 2013,
Office 365: Le trio infernal!
Office / B2B / LOB / entreprise
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

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

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

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

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

6. Office
Un format natif

7. Office
Visualisation directe plus rapide

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

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

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

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

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

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

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

15. Liaison de
données
Cohérence graphique
avec les données
Office
Intégration dans les applications
SharePoint
Interactivité
simple
Utilisation de connexions
de WebPart
Interactivité
avancées
API JavaScript
<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>

16. Liaison de
données
Cohérence graphique
avec les données
Office
Intégration dans les applications
SharePoint
Interactivité
simple
Utilisation de connexions
de WebPart
Interactivité
avancées
API JavaScript
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++)
{
var shapeToHighlight = null;
if (inputs[i].value == "Phase1" &&
data[k].label == "Phase" &&
data[k].value == '1')
{
shapeToHighlight = shape;
}
.....
if (shapeToHighlight != null)
{
shape.addOverlay("myOverlay" + j,
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),

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

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

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

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

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

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

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

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

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

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

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

28. Office / B2B / LOB / entreprise
Nouveautés Workflow 2013 ( 1 / 3 )
• Variable de type
dictionnaire
• Appel de service Web
direct
• Affecter une tâche
et plusieurs tâches
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>
Appeler le service
web HTTP
Générer un
dictionnaire
Obtenir l élément
du dictionnaire
Compter les
éléments du
dictionnaire
Affecter une tâche
Démarrer le
processus de tâche

29. Office / B2B / LOB / entreprise
Nouveautés Workflow 2013 ( 2 / 3 )
• Démarrage d’un flux 2010
• Fonctions de
manipulations de chaînes
• Fonctions pour
l’intégration avec Project
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>
Démarrer un flux
de travail de liste
Démarrer un flux
de travail de site
Extraire la sous-
chaîne de la fin de
la chaîne
Extraire la sous-
chaîne de l'index
de chaîne
Extraire la sous-
chaîne depuis le
début de la chaîne
Extraire la sous-
chaîne de la chaîne
à partir de l index
avec la longueur
Découper la chaîne
Rechercher la
sous-chaîne dans
la chaîne
Remplacer la sous-
chaîne dans la
chaîne

30. Office / B2B / LOB / entreprise
Nouveautés Workflow 2013 ( 3 / 3 )
• Etapes
• Boucles
• 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>
1Boucle avec condition :1Boucler n fois :
Phase 1Étape : 1Étape :

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

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

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

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

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

36. Office / B2B / LOB / entreprise
• SharePoint 2013 On-Premises
– 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
– Office 365 est un environnement muti-tenant
– Support natif des listes externes via BCS
Sources de donnees supportees
ODC BCS
BCS

37. MERCI

38. Formez-vous en ligne
Retrouvez nos
évènements
Faites-vous
accompagner
gratuitement
Essayer gatuitement
nos soltions IT
Retrouver nos experts
Microsoft
Pros de l’ITDéveloppeurs
www.microsoftvirtualacademy.comhttp://aka.ms/generation-app
http://aka.ms/evenements-
developpeurs
http://aka.ms/itcamps-france
Les accélérateurs
Windows Azure, Windows Phone,
Windows 8
http://aka.ms/telechargements
La Dev’Team sur MSDN
http://aka.ms/devteam
L’IT Team sur TechNet
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