Branding sous SharePoint 2013

Speakers33

Augusto SIMOESArchitecte collaboratifSOGETI France

Speakers33

Nabil BABACIConsultant SharePointMCNEXT

Agenda

WCM / Publishing

Development & Customization

Branding Sharepoint 2013

Projet 2010 -> 2013

Designer Manager

Web Content Management

Browser (PC)Browser Supported Not supported

Internet Explorer 10 X

Internet Explorer 9 X  

Internet Explorer 8 X  

Internet Explorer 7   X

Internet Explorer 6 X

Mozilla Firefox (Latest version in-market)

 X

Google Chrome (Latest version in-market)

X

 

Safari (Latest version in-market)

X 

Browser (Mobile)Mobile device operating system

Operating system version Browser Smartphone

device

Windows Phone

Windows Phone 7.5 or later versions

Internet Explorer Mobile Supported

Windows Windows 7 or later versions Internet Explorer Not applicable

iOS 5.0 or later versions Safari Supported

Android 4.0 or later versions

Android Browser Supported

Design sous SP2010

Sketche

s

CSS

HTML

Integrate Ribbon

New

MasterpagesCustom Channel Management

Custom

Roll-up

control

Dreamweaver, MS Expression / etc. SharePoint Designer / Visual Studio

Custom Nav

provider

Custom

Catalog

Custom Catalog Integration

Design sous SP2013

Auto Convert

SnippetGallery

Channelsettings

Outils natifs SharePoint

Dreamweaver, MS expression Web / etc.

• Ribbon

• Placeholder Main

• Custom Minimal Master

• It just w

orks!• Navigation

• Catalog Integration

• Content Search Webparts

• Channel Panels

Sketches

CSS

HTML

Upload

Web Content Management

Variations & Content automatic Translation

Search Engine Optimization Cross Site Publishing Video & Embedding Image renditions Clean Urls (fin du /Pages)

Friendly URL Navigation par Métadonnées

Web Content Management

Themes basés sur HTML 5 PowerPoint ( .THMX) plus necéssaire

Navigation basée sur le Term Store Image (resizing) Outils : Adobe Dreamweaver, Microsoft

Expression Web etc…

Designer Manager

Designer Manager > Conception

Design Manager• Pas à Pas – 9 étapes (Master Pages

/ Page Layout)• Prise en charge / HTML- CSS- JS• Injection de Code SharePoint

( Master Page)• Génération du .master• Mapping ( WEBDAV ) catalogs• SPDesigner est moins utile.

Designer Manager > Code Snippet

Fonctionnalités SharePoint :• Composants natifs• Code Snippet + Options• Simplicité d’utilisation – rendu

immédiat

Designer Manager > Canaux

Navigateurs & Périphériques Mobile :• Panneau de configuration de

canal périphérique• Agents / Configuration ( IE,

Firefox, Chrome etc..)• Changement de Master Page +

CSS• Périphérique ( Cible Publishing)

Designer Manager > Navigation

Métadonnées :• Navigation Structurées ( selon les

MD)• URL compatibles avec les

référencement (SEO)

Designer Manager > Navigation

Modèles d’affichage :• Search Custom • Rendu de recherche ( Control,

Group et Item)• Content Search Web Part ( Styles

plus simple – Display Template)• Rendu d’image (Resize ) / lié au

BLOB Cache

Publishing

Design Packages :• 1 fichier WSP• Intègre uniquement (Master Page

Gallery, Style Library, Theme Gallery, Device Channels list, Page content types, Pages)

• Les propriétés de Navigation ou les Term Store (Métadonnées)

Publishing

Autres :• Catalogs ( Cross-site Publishing)• Contenu disponible à travers plusieurs collections

de sites• Agrégation grâce à la Content Search Web Part• Scénario typique : catalogue, base de

connaissances

• SEO ( Search Engine Optimization / Référencement)• Variations (Machine Translation possible)

Demo

Prise en main de l’outil

Développement

Développement

Migration :• Très facile (hive 14/15)• Ne pas partir de l’import ( trop

complexe)• Si Device channels ( à traiter

séparement)

• Solution (modulaire)• Feature ( Site)• Module

( MasterPage,PageLayouts..)• _Layouts (Styles,Imaged,JS)• SiteDefinition

(Onet.xml,webtemp.xml)• Resources

©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 15 Technical Preview and published July 2012.

Demo

Visual Studio 2012http://brandingsp2013.codeplex.com/

© 2011-2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows 7 and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted

to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.