40
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

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

Embed Size (px)

DESCRIPTION

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.

Citation preview

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

Visio 2013, SharePoint 2013, Office 365: Le trio

infernal!

Office / B2B / LOB / entreprise

Michel LAPLANE Patrick GUIMONET Nicolas GEORGEAULTMVP Visio MVP SharePoint MVP SharePointShareVisual AbalonPublic Consulting Group

@MichelLaplane @patrickg@ngeorgeaulthttp://www.visualblog.fr http://www.abalon.fr http://ngeorgeault.club-sharepoint.fr

#mstechdays

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

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

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

LA PUISSANCE DU CLIENT ET DU SERVER

Chapitre 1

Office / B2B / LOB / entreprise

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

Office

Rappel principe de fonctionnement

SharePoint

1 . Création

3. Publication

2. Liaison données

4. Visualisation 5. Rafraichissement

1

2

3 4

55

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

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

MoteurDe Rendu

Client Serveur Navigateur

DOM

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

Office

Un format natif

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

Office

Visualisation directe plus rapide

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

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

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

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

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

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

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

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

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

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

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

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

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

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); }}

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

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>

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

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),

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

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>"; }

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

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

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

LES WORKFLOWS SHAREPOINT 2013

Chapitre 2

Office / B2B / LOB / entreprise

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

Office / B2B / LOB / entreprise

Processus global

Visio 2013

AnalysteMétier

SharePoint Designer 2013

Administrateur

Publication

SharePoint 2013

Utilisateur

Dessin Visio

Dessin Vision au

format .vsdx

Workflow2013

Workflow 2010Format

.vwi

Importation

Exportation

Sauvegarde

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

Office / B2B / LOB / entreprise

Diagramme de flux de travail SharePoint

2 versions : 2010 et 2013

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

Office / B2B / LOB / entreprise

Dessiner les étapes

Et collaborer…

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

Office / B2B / LOB / entreprise

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

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

Office / B2B / LOB / entreprise

Exporter vers SharePoint Designer

• Exporter les WF 2010 au format .vwi

• Sauvegarder les WF 2013 au format .vsdx

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

Office / B2B / LOB / entreprise

Importer dans SharePoint Designer

• Importer les WF 2010 au format .vwi

• Importer les WF 2013 au format .vsdx

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

Office / B2B / LOB / entreprise

Importer dans SharePoint Designer

• Importer les WF 2010 au format .vwi

• Importer les WF 2013 au format .vsdx

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

Office / B2B / LOB / entreprise

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

visuel

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

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

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͛Yélément du dictionnaire

Compter les éléments du dictionnaire

Affecter une tâche

Démarrer le processus de tâche

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

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͛Yindex 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

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

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 :

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

Office / B2B / LOB / entreprise

Architecture Flux de travail SharePoint 2013

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

Office / B2B / LOB / entreprise

Exécution (1/3)

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

Office / B2B / LOB / entreprise

Exécution (2/3)

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

Office / B2B / LOB / entreprise

Exécution (3/3)

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

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

Chapitre 3

Office / B2B / LOB / entreprise

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

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

CustomOLEDB ODBCSP ListsSQL ExcelServices

ODC BCS

SP ListsExcelServices

BCS

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

MERCI

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

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.com

http://aka.ms/generation-app

http://aka.ms/evenements-developpeurs

http://aka.ms/itcamps-france

Les accélérateursWindows Azure, Windows Phone,

Windows 8

http://aka.ms/telechargements

La Dev’Team sur MSDNhttp://aka.ms/devteam

L’IT Team sur TechNethttp://aka.ms/itteam

Office / B2B / LOB / entreprise

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

Venez nombreux à la Conf’SharePoint !

3 jours

22, 23 et 24 mai 2013

1000 visiteurs

1 + 15 partenaires

Microsoft 3 Platinum5 Gold7 Silver

4 thèmes

Usages & Retours ClientInfrastructureDéveloppementGouvernance & Stratégie

1 sujet

SharePointet son écosystème

www.confsharepoint.com

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

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