Les slides de notre session lors des Techdays Paris 2013. Michel Laplane sur les nouveautés des formes Visio, Patrick Guimonet sur la partie Workflow SharePoint 2013 et moi sur la presentation des données.
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
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
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
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
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
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
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
Notes de l'éditeur
Présentation des actions de dictionnaire dans SharePoint Designer 2013 (Traduction automatique)http://msdn.microsoft.com/fr-fr/library/jj554504
Présentation des actions de dictionnaire dans SharePoint Designer 2013 (Traduction automatique)http://msdn.microsoft.com/fr-fr/library/jj554504
Présentation des actions de dictionnaire dans SharePoint Designer 2013 (Traduction automatique)http://msdn.microsoft.com/fr-fr/library/jj554504