+ All Categories
Transcript
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


Top Related