SharePoint 2013 Oberfläche - Dank Device Channels für jeden Browser optimal anpassbar

​In einem vergangen Post haben wir schon einmal die „Device Channels“ zu Deutsch „Gerätekanäle“ von SharePoint 2013 angesprochen. Diese sehr sinnvolle Neuerung schafft die Möglichkeit den Aufruf und damit die optische Darstellung einer SharePoint-Site für die unterschiedlichsten Client-Geräte zu optimieren. Durch den weiterhin stark steigenden Einsatz von mobilen Endgeräten ist dieses Feature sicherlich von vielen schon lange herbeigesehnt. In SharePoint 2010 gab es bereits eine mobile Ansicht, die für Websites allerdings untauglich war. Mit SharePoint 2013 kann man eine angepasste Oberfläche je Gerät viel einfacher und mit weniger Programmieraufwand umsetzen, denn für jeden Browser bzw. jedes Endgerät kann eigens eine Masterpage definiert werden.

Beim Aufruf einer Website sendet ein Browser auf einem PC oder einem mobilen Endgerät für gewöhnlich einen User-Agent String im http-Header mit. Dieser User-Agent String wird von SharePoint ausgewertet und einem Device Channel zugeordnet. Für die Verwendung von Gerätekanälen in Kombination mit Masterpages müssen das Websitesammlungsfeature „SharePoint Server-Veröffentlichungsinfrastruktur“ und das Websitefeature „SharePoint Server-Veröffentlichung“ für die betreffende Website bzw. Websitesammlung aktiviert sein. Sobald diese Features aktiviert sind, erhält man unter Aussehen und Verhalten die Option Gerätekanäle:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Hier sieht man eine Liste mit den definierten Kanälen. SharePoint definiert standardmäßig einen Default-Channel.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Wie in einer üblichen Liste kann über „Neues Element“ ein weiterer Device Channel hinzugefügt werden. Hier muss neben dem Namen ein eindeutiger Alias, eine Beschreibung und die Einschlussregeln für Geräte definiert werden. Der eindeutige Alias wird später noch z.B. für das Ein-, und Ausschließen von Inhalten per DeviceChannelPanel oder für Testaufrufe (z.B. http://sp2013/SitePages/Homepage.aspx?DeviceChannel=meinAlias) in der URL verwendet und sollte deshalb kurz, ohne Leerstellen und Sonderzeichen definiert werden. In das Feld für die Einschlussregeln der Geräte wird in jeder Zeile ein User Agent String definiert und somit eine Zuweisung zwischen Browser und dem jeweiligen Kanal vorgenommen. Auf der Seite http://user-agent-string.info/ kann man sich z.B. per Klick auf „Analyze my UA“ den User Agent String des aktuellen Browsers ausgeben lassen. Zuletzt kann man den Channel direkt aktiv schalten, wenn man das möchte, sodass er sofort zur Verfügung steht.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Hinweis: Die Device Channels werden auf eine Übereinstimmung mit dem User Agent String nach der Reihenfolge der Liste angesprochen, das heißt der Default Channel, der im schlimmsten Falle greift, sollte an letzter Stelle stehen. Hat man alle benötigten Device Channels angelegt, kann man über den Punkt Gestaltungsvorlage unter Aussehen und Verhalten in den Websiteeinstellungen die Zuordnung zwischen einem Device Channel und einer Masterpage vornehmen. Masterpages müssen zuvor, wie auch in SharePoint 2010, über z.B. den SharePoint Designer erstellt und veröffentlicht werden, um zugeordnet werden zu können.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Wie bereits erwähnt kann man über den Tag eines DeviceChannelPanel zusätzliche Inhalte für bestimmte Gerätekanäle definieren und muss somit nicht unbedingt für jeden Channel eine eigene Masterpage erstellen. Hierfür wird der Alias des Gerätekanals verwendet:

 

<PublishingWebControls:DeviceChannelPanel runat="server" IncludedChannels="iOs611">

<!-- belibiger HTML-Code -->

</PublishingWebControls:DeviceChannelPanel>

Mit den Device Channels schafft SharePoint einen deutlichen Mehrwert, indem einfach und effizient auf beliebige Browser reagiert werden kann. Möchten Sie mehr darüber erfahren oder können wir Sie bei der Konfiguration Ihres SharePoint-Auftritts unterstützen, dann melden Sie sich unter Telefon 0 7131/ 72 40-503 oder per mail unter contact@s-pi.de.

 

Quelle: http://msscorner.de/2013/02/04/sharepoint-2013-multiple-browsers-and-devices-using-device-channels/