Dienstag, 18. Juni 2013

So einfach entwirft man ein neues Layout für SharePoint

​Es ist schon lange bekannt dass ein ansprechendes und einheitlich gehaltenes Screen-Design keine Spielerei sondern eine Sache ist, die die Akzeptanz und den Nutzungsgrad eines Systems sehr bereichern kann. Je nachdem wie viel Budget für das Design und Layout einer Oberfläche eingeplant wird, kann aus einer SharePoint-Plattform u. U. rein optisch gesehen ein komplett neues System entstehen. In einem vergangenen Artikel haben wir am Beispiel SharePoint 2013 beschrieben wie man im Screen-Design mit Standard-, bzw. Low-Budget-Mitteln eine beachtliche Veränderung erzielen kann. Sind diese Mittel nicht ausreichend, muss man tiefgehender Eingreifen und Masterpages anpassen, 3rd-Party Lösungen einbinden oder Controls und Solutions entwickeln. Grundlage für die Umsetzung eines komplexen Designs ist in jedem Fall ein detaillierter Entwurf der zu entwickelnden Umgebung.

Eine Möglichkeit wäre dabei die Beauftragung einer Agentur mit dem Entwurf eines Designs in Form eines Styleguides. Eine kostengünstigere Alternative wäre das Layout intern selbst mit einem Wireframing-Tool zu entwerfen. Ein tolles Tool, um mit geringem Aufwand ein Layout zusammen zu klicken ist Balsamiq Mockups. Diese Software ist leicht zu bedienen und bringt von Haus aus ein großes Sammelsurium an grafischen Elementen mit sich. Wer dieses Tool noch nicht kennt, kann in einer Web-Demo selbst Hand anlegen. Im Internet sind für die Gestaltung von SharePoint2010-, und SharePoint2013 -Sites kostenlose Vorlagen für Balsamiq Mockup aufgetaucht:

Balsamiq Template für SharePoint 2010  von James Sturges

http://sharepoint.jsturges.com/2011/11/sp2010-wireframe-template/
 
Balsamiq Template SharePoint 2013 von Matthew Hughes
http://flucidity.com/2013/02/sharepoint-2013-balsamiq-mock-up-template/

Fazit
Möchte man zeitnah ein nicht zu komplexes Design entwickeln, kann ein Wireframing-Tool sehr hilfreich sein, um eine Entwurfsidee an die Entscheidungsträger heranzutragen. Sieht das Design jedoch sehr umfangreiche Änderungen an der grundsätzlichen SharePoint-Optik vor, dann ist es besser eine Agentur damit zu beauftragen. Die technische Umsetzung des erstellten Layouts/ Modells erfolgt auf Basis der erstellten Entwürfe und erfordert ein tiefgreifendes Verständnis der SharePoint-Architektur. Ist dieses technische Verständnis im Unternehmen nicht vorhanden, empfiehlt es sich, auch hierbei einen externen Dienstleister in Anspruch zu nehmen.

 
Möchten auch Sie eine modernere oder individuellere Oberfläche für Ihr SharePoint-Portal?
Fragen Sie uns! Wir arbeiten schon seit mehreren Jahren erfolgreich mit Agenturen zusammen und haben schon zahlreiche Projekte für Intranet- sowie Internetsites mit einer großen Nutzerzahl erfolgreich durchgeführt.
Wenden Sie sich an einen unserer Berater unter Tel. 0 7131/ 72 40-503 oder contact@s-pi.de.


 

Dienstag, 11. Juni 2013

SharePoint 2013 - Testsysteme auch als Testsysteme deklarieren

Bei der Entwicklung von eigenen SharePoint Lösungen und dem Testen von 3rd-Party Tools o.ä. ist es empfehlenswert, ein eigenes System zu Testzwecken aufzusetzen. Dieses SharePoint wird in der Regel von mehreren Kollegen im Firmennetzwerk zum Testen verwendet. Wenn man eine Weile damit arbeitet, um z.B. die Entwicklung einer Masterpage von einem getesteten System in eine Liveumgebung umzuziehen bzw. nachzubauen, kann es leicht vorkommen dass man die Systeme verwechselt. Deshalb ist es ratsam die Bestandteile einer Testumgebung, d.h. die SharePoint Zentraladministration (Backend) sowie die WebApplications (Frontend), z.B. mit dem Begriff Testsystem in der SuiteBar oder einem anderen Farbschema zu deklarieren.

In der Zentraladministration ist die Einstellmöglichkeit eines anderen Composed-Looks, wie auf den gewöhnlichen SiteCollections von SharePoint 2013, leider nicht gegeben. Man kann den Look jedoch trotzdem ändern, indem man einfach folgenden Direktlink aufruft:

<URL der Zentraladministration>/_layouts/15/designgallery.aspx
1111

Um den Link dauerhaft in der Zentraladministration unter Site Settings > „Look and Feel“ verfügbar zu machen, muss ein kleines Custom-Action Feature entwickelt werden. Welcher Code dafür benötigt wird und die Solution zum Download gibt es im Artikel von Fabian Moritz.

Quelle: http://www.brandmysharepoint.de/design-in-der-zentraladministration-andern/

Im Frontend also in den SiteCollections der WebApplications kann man die Änderungen des Farbschemas wie gehabt über Einstellungen > „Aussehen ändern“ modifizieren.

Die Änderung des Textes in der SuiteBar kann auch hilfreich sein, um sofort das Back- oder Frontend eines Testsystems zu identifizieren. Über folgendes Powershell-Skript kann für eine Web-Applikation ein eigener Titel in der SuiteBar definiert werden:

$sbtext = "SharePoint [TESTSYSTEM]"
$webapp = Get-SPWebApplication http://meinsharepoint
$webapp.SuiteBarBrandingElementHtml = "<div class='ms-core-brandingText'>$sbtext</div>"
$webapp.Update()

Vorher:
2222

Nachher:
333

Fazit
Wenn man häufig mit Testumgebungen zu tun hat, ist es sehr sinnvoll diese von etwaigen Livesystemen unterscheidbar zu machen. Am einfachsten ist es, ein Schema zu wählen dass z.B. Testumgebungen (Backend sowie Frontend) immer eine bestimmte Farbe haben und die Suitebar einen Titel mit [TESTSYSTEM] in großen Buchstaben o.ä. hat.

Haben Sie weitergehende Fragen zur Administration Ihrer SharePoint-Landschaft, dann setzen Sie sich unverbindlich mit einem unserer SharePoint Berater unter 0 7 131/ 72 40-503 oder contact@s-pi.de in Verbindung.