Formatvorlage des Untertitelmasters durch Klicken bearbeiten Platin-Partner: Gold-Partner:...

Formatvorlage des Untertitelmasters durch Klicken bearbeiten

Platin-Partner: Gold-Partner: Veranstaltungs-Partner: Medien-Partner:

Web Content Management mit SharePoint Server 2013

Fabian Moritz | SharePoint MVP

2

Die Facetten von SharePoint 2013

Teamsites (Wikis) Internetportal Mobile (Portale)

> Keine Genehmigung> Viele Autoren> Unstrukturiert> Standard-Design

Flexible WCM Plattform

(Intranet-)Portale

> Bereichsautoren> Einfache Workflows> Angepasstes Design

> Autorensystem> Strukturierter Inhalt> Exaktes Design> Workflows

> Div. Geräte> Responsive Design> Optimiert

Web Content Management

DesignContent Reichweite

Content

Das SharePoint 2013 Autorensystem

(X)HTML Texteditor Digitale Medien

Eingebetteter Code

Image Renditions

DemoDas SharePoint 2013 Autorensystem

Search-driven Portale

Neue Search Engine

Continuous Crawling

Content by Search Webpart

Display Templates

Mehrsprachigkeit

Cross Side Publishing

Authoring Site Collection

PublishingSite Collections

Suche

DemoContent by Search

Cross Side Publishing

Web Content Management

DesignContent Reichweite

Design

Die Ebenen des Branding

Standard UI Themes Design Manager& Master Pages

UI-Customizings

Einheitliche Plattform + Standards

> Aufwand: 0

> Skills: wenig

> Aufwand: klein

> Skills: SP-Standard

> Aufwand: hoch

> Skills: HTML, CSS, SP

> Aufwand: rel. klein

> Skills: SP, JavaScript

Design Manager

• Neues UI Management Tool• Erstellung, Bereitstellung und

Verwaltung von Design-Elementen

• Einfache Master Page-Generierung mit beliebigen Tools

• Export und Import

Einfache HTM

Snippet Gallery

Master Pages umsetzen

• 3 Optionen:– HTML Master Page– Minimal Master Page– Starter Master Pages (Codeplex)

startermasterpages.codeplex.com

• Tools– SharePoint Designer 2013– 3rd Party Tools– Browser Tools

• Nicht vergessen: Daten im TFS abspeichern!

Branding Projekte

Ziele und Anforderungen

Wireframes und Scribbles

Designentwürfe und Styleguide

HTML-GerüsteMaster Pages, Page Layouts

(inkl. Platzhalter)

Webparts und Controls

Optimierung, Nachjustierung Testing & QS

Features, Solutions und Deployment

Wireframing

Wireframing Tools

• Blend + Sketch Flow for Visual Studio 2012

• Balsamiq Mockups

• Microsoft Visio 2013

• …

DemoHTML Master Pages

Web Content Management

DesignContent Reichweite

Reichweite

Suchmaschinenoptimierung (SEO)

SEO Settings SEO Metadaten

Sitemap.xml Friendly URLs

DemoSuchmachinenoptimierung

Mobile Ansichten

Device Channels

• Verschiedene “Channels” für mobile Geräte

• Definition auf Basis des User Agent Strings

• Zuordnung über Master Page• Device Channel Controls

Analytics

DemoDevice Channels

Web Content Management

DesignContent Reichweite

Und jetzt?

• Laden Sie sich die Präsentation und Beispiele herunterhttp://sharepointcommunity.de/fabianm

• Machen Sie sich mit dem Design Manager vertrauthttp://msdn.microsoft.com/en-us/library/jj822363.aspx

• Nutzen Sie Wireframing Tools während der Planunghttp://www.balsamiq.com

• Besuchen Sie BrandMySharePoint.dehttp://www.brandmysharepoint.de

Fabian MoritzITaCS GmbHMVP SharePoint Server

Fabian.Moritz@itacs.dehttp://www.itacs.de

@FabianMoritz

http://sharepointcommunity.de/fabianm

SharePoint Camp ab 08. Juli in Münchenab 05. August in Berlinab 02. September in Karlsruhein zwei speziellen Versionenwww.SharePointCamp.de

Trainings und Events der ppedvMehr als 100 verschiedene Trainings auf Microsoft-Technologien spezialisiert11 Standorte in AT & D Maßgeschneiderte Trainings direkt bei Ihnen vor Ort!www.ppedv.at

Wir sehen uns wieder!

Hat Ihnen mein Vortrag gefallen?Ich freue mich auf Ihr Feedback!

VIELEN DANK!

Platin-Partner: Gold-Partner: Veranstaltungs-Partner: Medien-Partner: