Brand My SharePoint

1.006 Aufrufe

Veröffentlicht am

Grafische Gestaltung von SharePoint 2013-Portalen

  • Als Erste(r) kommentieren

Brand My SharePoint

  1. 1. Die Evolution von SharePoint2001 2003 20072010 2013 Veranstalter
  2. 2. Die Ebenen des Branding Standard UI Themes Design Manager Master Pages> Aufwand: 0 > Aufwand: wenig > Aufwand: mittel > Aufwand: hoch> Skills: wenig > Skills: SP-Standard> Skills: HTML + CSS > Skills: SP + HTML + CSS + ASP.NET Einheitliche Plattform + Standards Veranstalter
  3. 3. Minimale Download Strategie (MDS)
  4. 4. DemoMDS in SharePoint 2013
  5. 5. Die Ebenen des Branding Standard UI Themes Design Manager Master Pages> Aufwand: 0 > Aufwand: wenig > Aufwand: mittel > Aufwand: hoch> Skills: wenig > Skills: SP-Standard> Skills: HTML + CSS > Skills: SP + HTML + CSS + ASP.NET Einheitliche Plattform + Standards Veranstalter
  6. 6. Themes (Composed Looks) Veranstalter
  7. 7. Veranstalter
  8. 8. DemoThemes und Composed Looks
  9. 9. Die Ebenen des Branding Standard UI Themes Design Manager Master Pages> Aufwand: 0 > Aufwand: wenig > Aufwand: mittel > Aufwand: hoch> Skills: wenig > Skills: SP-Standard> Skills: HTML + CSS > Skills: SP + HTML + CSS + ASP.NET Einheitliche Plattform + Standards Veranstalter
  10. 10. Design Manager• Neues UI Management Tool• Erstellung, Bereitstellung und Verwaltung von Design- Elementen• Einfache Master Page- Generierung mit beliebigen Tools• Export und Import Veranstalter
  11. 11. Neue Design Tools• SharePoint Designer 2013 ist kein Muss mehr (kann aber verwendet werden)• Master Page Gallery kann via WebDAV geöffnet werden• Bearbeitung mit beliebigen HTML Tools Veranstalter
  12. 12. Einfache HTM Veranstalter
  13. 13. Veranstalter
  14. 14. Veranstalter
  15. 15. Snippet Gallery Veranstalter
  16. 16. DemoSharePoint Design Manager
  17. 17. Die Ebenen des Branding Standard UI Themes Design Manager Master Pages> Aufwand: 0 > Aufwand: wenig > Aufwand: mittel > Aufwand: hoch> Skills: wenig > Skills: SP-Standard> Skills: HTML + CSS > Skills: SP + HTML + CSS + ASP.NET Einheitliche Plattform + Standards Veranstalter
  18. 18. Branding Projekte planen Ziele und Wireframes und Designentwürfe Anforderungen Scribbles und Styleguide Master Pages, Webparts und Page Layouts HTML-Gerüste Controls (inkl. Platzhalter) Features, Optimierung, Testing & QS Solutions und Nachjustierung Deployment Veranstalter
  19. 19. Wireframing Veranstalter
  20. 20. Wireframing Tools• Blend + Sketch Flow for Visual Studio 2012• Balsamiq Mockups• Microsoft Visio 2013• … Veranstalter
  21. 21. DemoWireframes umsetzen
  22. 22. 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! Veranstalter
  23. 23. 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 Veranstalter
  24. 24. DemoMobile Ansichten umsetzen
  25. 25. Die Ebenen des Branding Standard UI Themes Design Manager Master Pages> Aufwand: 0 > Aufwand: wenig > Aufwand: mittel > Aufwand: hoch> Skills: wenig > Skills: SP-Standard> Skills: HTML + CSS > Skills: SP + HTML + CSS + ASP.NET Einheitliche Plattform + Standards Veranstalter
  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• Besuchen Sie BrandMySharePoint.de http://www.brandmysharepoint.de Veranstalter
  27. 27. Veranstalter
  28. 28. Fabian Moritz ITaCS GmbH MVP SharePoint ServerFabian.Moritz@itacs.dehttp://www.itacs.dehttp://sharepointcommunity.de/fabianm@FabianMoritz Veranstalter

×