Ugsf branding 2013
Post on 15-May-2015
546 Views
Preview:
DESCRIPTION
Transcript
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.
top related