Fabian Moritz | MVP SharePoint Server
Brand My SharePoint – Gestaltung und
Anpassung von SharePoint-Webseiten
Die Ebenen des Branding
Standard UI Themes Design Manager
& Master Pages
UI-Customizings
Einheitliche Plattform + Standard...
Die Evolution von SharePoint
2003 2007
2010 2013
2001
Minimale Download Strategie
(MDS)
Demo
MDS in SharePoint 2013
Die Ebenen des Branding
Standard UI Themes Design Manager
& Master Pages
UI-Customizings
Einheitliche Plattform + Standard...
Designs (Composed Looks)
v
Farben und Schriften
Demo
Designs in SharePoint 2013
Die Ebenen des Branding
Standard UI Themes Design Manager
& Master Pages
UI-Customizings
Einheitliche Plattform + Standard...
Design Manager
• Neues UI Management Tool
• Erstellung, Bereitstellung und
Verwaltung von Design-
Elementen
• Einfache Mas...
Einfache HTM
Snippet Gallery
Master Pages umsetzen
• 3 Optionen:
– HTML Master Page
– Minimal Master Page
– Starter Master Pages (Codeplex)
startermast...
Device Manager
• Verschiedene “Channels” für mobile Geräte
• Definition auf Basis des User Agent Strings
• Zuordnung einer...
Demo
SharePoint Master Pages
Branding Projekte
Ziele und
Anforderungen
Wireframes und
Scribbles
Designentwürfe
und Styleguide
HTML-Gerüste
Master Pages...
Wireframing
Wireframing Tools
• Blend + Sketch Flow for Visual Studio 2012
• Balsamiq Mockups
• Microsoft Visio 2013
• …
Die Ebenen des Branding
Standard UI Themes Design Manager
& Master Pages
UI-Customizings
Einheitliche Plattform + Standard...
Möglichkeiten beim UI
Customizing
HTML,
CSS, XSLT,
JavaScript
.NET
Browser
SharePoint
Designer
Browser Apps
HTML5,
CSS3,
J...
Client Side Rendering (CSR)
• Daten + .JS = HTML
• XSLT ist Vergangenheit
• Technologien:
– JavaScript
– HTML
– CSS
• Depl...
Demo
Client Side Rendering
Die Ebenen des Branding
Standard UI Themes Design Manager
& Master Pages
UI-Customizings
Einheitliche Plattform + Standard...
Und jetzt?
• Laden Sie sich die Präsentation und Beispiele
herunter
http://sharepointcommunity.de/fabianm
• Machen Sie sic...
Fabian Moritz
ITaCS GmbH
MVP SharePoint Server
Fabian.Moritz@itacs.d
e
http://www.itacs.de
@FabianMoritz
http://sharepoint...
SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webseiten
SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webseiten
SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webseiten
SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webseiten
Nächste SlideShare
Wird geladen in …5
×

SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webseiten

1.797 Aufrufe

Veröffentlicht am

In dieser Präsentation geben wir Ihnen einen Einblick in die Möglichkeiten und Grenzen, die SharePoint als Technologie zur grafischen Gestaltung von internen oder externen Webportalen bietet. Von den Standardfunktionen über die Features zur Umsetzung mobiler Portale bis hin zu den Tools und Templates zur Generierung von komplett angepassten Webseiten – dieser Vortrag bietet sowohl für den SharePoint-erfahrenen Anwender als auch für den kompletten Neueinsteiger Wissenswertes über SharePoint 2013 zu berichten.

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.797
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
4
Aktionen
Geteilt
0
Downloads
21
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webseiten

  1. 1. Fabian Moritz | MVP SharePoint Server Brand My SharePoint – Gestaltung und Anpassung von SharePoint-Webseiten
  2. 2. 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
  3. 3. Die Evolution von SharePoint 2003 2007 2010 2013 2001
  4. 4. Minimale Download Strategie (MDS)
  5. 5. Demo MDS in SharePoint 2013
  6. 6. 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
  7. 7. Designs (Composed Looks)
  8. 8. v
  9. 9. Farben und Schriften
  10. 10. Demo Designs in SharePoint 2013
  11. 11. 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
  12. 12. Design Manager • Neues UI Management Tool • Erstellung, Bereitstellung und Verwaltung von Design- Elementen • Einfache Master Page- Generierung mit beliebigen Tools • Export und Import
  13. 13. Einfache HTM
  14. 14. Snippet Gallery
  15. 15. 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!
  16. 16. Device Manager • Verschiedene “Channels” für mobile Geräte • Definition auf Basis des User Agent Strings • Zuordnung einer Master Page • Spezielle Controls für Channels
  17. 17. Demo SharePoint Master Pages
  18. 18. Branding Projekte Ziele und Anforderungen Wireframes und Scribbles Designentwürfe und Styleguide HTML-Gerüste Master Pages, Page Layouts (inkl. Platzhalter) Webparts und Controls Optimierung, Nachjustierung Testing & QS Features, Solutions und Deployment
  19. 19. Wireframing
  20. 20. Wireframing Tools • Blend + Sketch Flow for Visual Studio 2012 • Balsamiq Mockups • Microsoft Visio 2013 • …
  21. 21. 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
  22. 22. Möglichkeiten beim UI Customizing HTML, CSS, XSLT, JavaScript .NET Browser SharePoint Designer Browser Apps HTML5, CSS3, JavaScript .NET
  23. 23. Client Side Rendering (CSR) • Daten + .JS = HTML • XSLT ist Vergangenheit • Technologien: – JavaScript – HTML – CSS • Deployment via App, Solution oder manuell
  24. 24. Demo Client Side Rendering
  25. 25. 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
  26. 26. Und jetzt? • Laden Sie sich die Präsentation und Beispiele herunter http://sharepointcommunity.de/fabianm • Machen Sie sich mit dem Design Manager vertraut http://msdn.microsoft.com/en-us/library/jj822363.aspx • Nutzen Sie Wireframing Tools während der Planung http://www.balsamiq.com • Beschäftigen Sie sich mit Client Side Rendering http://msdn.microsoft.com/en-us/library/jj220045.aspx • Besuchen Sie BrandMySharePoint.de http://www.brandmysharepoint.de
  27. 27. Fabian Moritz ITaCS GmbH MVP SharePoint Server Fabian.Moritz@itacs.d e http://www.itacs.de @FabianMoritz http://sharepointcommunity.de/fabianm

×