Soc204 - visio 2013, SharePoint 2013, office 365: le trio infernal

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

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


Chapitre 1

LA PUISSANCE DU CLIENT ET DU
SERVER

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

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

Visualisation directe plus rapide

Office

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

SharePoint

données simple avancée


Office

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
{ avec les données de WebPart
// Erreur
alert("WebPart Visio introuvable");
}
}
catch (ex)
{
alert(ex);
}
}

Office

SharePoint
<input type="radio" name="PhaseSelector" value="Phase1" onclick="Refresh()">Phase 1 projet</input><br>



Office

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

SharePoint
function generateOverlayMarkup(shape)
{
return "<div id="HTMLDiv" style="width: 20%; height: 20%;background-color:#FF0000;z-
order:32;filter:alpha(opacity=30);"></div>";
}



Office

Chapitre 2

LES WORKFLOWS SHAREPOINT
2013

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


Diagramme de flux de travail
SharePoint
2 versions : 2010 et 2013


Dessiner les étapes

Et collaborer…


Définir les détails du flux de travail
SharePoint


Exporter vers SharePoint Designer
• Exporter les WF 2010
au format .vwi

• Sauvegarder les WF
2013 au format .vsdx


Importer dans SharePoint Designer
• Importer les WF 2010
au format .vwi

• Importer les WF 2013
au format .vsdx


Enrichir le Workflow dans SharePoint
Designer
• 2 modes : textuel ou
visuel

• Préciser les paramètres
de chaque tâche


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>


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



Étape : Phase 1 Étape : 1
• Etapes

• Boucles
Boucler n fois : 1 Boucle avec condition : 1

• Parallélisme



Architecture Flux de travail SharePoint
2013


Exécution (1/3)


Exécution (2/3)


Exécution (3/3)


Chapitre 3

PRÉSENTATION DES DONNÉES
ET AIDE A LA DÉCISION

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


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


Venez nombreux à la
Conf’SharePoint !

www.confsharepoint.com

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

Soc204 - visio 2013, SharePoint 2013, office 365: le trio infernal

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Similaire à Soc204 - visio 2013, SharePoint 2013, office 365: le trio infernal

Similaire à Soc204 - visio 2013, SharePoint 2013, office 365: le trio infernal (20)

Plus de Nicolas Georgeault

Plus de Nicolas Georgeault (20)

Soc204 - visio 2013, SharePoint 2013, office 365: le trio infernal

Notes de l'éditeur