SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013
-
Upload
ioz-ag -
Category
Technology
-
view
593 -
download
0
description
Transcript of SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013
![Page 1: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/1.jpg)
Wann ist der Einsatz von
SharePoint als CMS
sinnvoll?
How we did it: Realisierung einer Website mit
SharePoint 2013
SharePoint Community, 12. Februar 2014
Alexander Däppen, Claudio Coray & Tobias Adam
![Page 2: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/2.jpg)
© SharePoint Community 12.2.2014 2
Inhalt
Einleitung
• Ausgangslage
• Ziele
• Projektablauf
SharePoint als CMS
• Voraussetzungen
• Vergleich der Technologien
Umsetzung
• Aufbau der Plattform
• SharePoint Features
• Einsatz der Technologien
• SEO
Fazit
![Page 3: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/3.jpg)
© SharePoint Community 12.2.2014 3
Einleitung
Warum wollte die IOZ eine
neue Website haben?
![Page 4: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/4.jpg)
© SharePoint Community 12.2.2014 4
Ausgangslage: Warum eine neue Website?
Versuch 1
○ Projekt gestartet
○ Verworfen: Nicht zufrieden mit Resultat
Versuch 2:
○ Von Grund auf neu angehen
○ Agentur für Werte und Design
○ Werteworkshop
Redesign der IOZ
Veraltete Website
○ Leicht in die Jahre gekommenes Design
○ SharePoint 2007
○ Stetig gewachsen: veraltete Inhalte
Neue strategische Bereiche
○ BPM
○ Partnerschaft Nintex
○ Cloud: Office 365, Azure & Intune
![Page 5: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/5.jpg)
© SharePoint Community 12.2.2014 5
Ziele
Was wollen wir mit der neuen
Website erreichen?
![Page 6: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/6.jpg)
© SharePoint Community 12.2.2014 6
Website strukturieren
Struktur in die Website bringen
Content reduzieren
Übersicht schaffen
Angenehm für User
![Page 7: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/7.jpg)
© SharePoint Community 12.2.2014 7
Neue strategische Bereiche in die Website integrieren
![Page 8: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/8.jpg)
© SharePoint Community 12.2.2014 8
Ranking beibehalten & Integration Social Media
![Page 9: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/9.jpg)
© SharePoint Community 12.2.2014 9
Personen und Projektablauf
Wer war in dem Projekt
involviert und wie ging die
IOZ vor?
![Page 10: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/10.jpg)
© SharePoint Community 12.2.2014 10
Involvierte Personen
Intern Extern
![Page 11: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/11.jpg)
© SharePoint Community 12.2.2014 11
Projektvorgehen: Teil 1
Werteworkshop
Kommunikationskonzept
Konzept Website
Ideen: Konzept für Website
Feinschliff Konzept
Bildung IOZ-Projektteam
![Page 12: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/12.jpg)
© SharePoint Community 12.2.2014 12
Projektvorgehen: Teil 2
Definition der Designs
Aufbau der PlattformErarbeitung Inhalte mit
Bereichsverantwortlichen
BildmaterialUmsetzung der Designs
Testing
9.1.2014
Version 1.0SEO, Online-Marketing
![Page 13: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/13.jpg)
© SharePoint Community 12.2.2014 13
Internet Sites mit SharePoint
Warum Internet Sites mit
SharePoint?
![Page 14: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/14.jpg)
© SharePoint Community 12.2.2014 14
Warum Internet Sites mit SharePoint?
Vorhandene Infrastruktur Infrastruktur und Lizenzen
CI/CD
Usability für Autoren
Statischer Content
Office- und Extranet-
Funktionalitäten
Keine speziellen Features wie
eCommerce oder social
communities
![Page 15: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/15.jpg)
© SharePoint Community 12.2.2014 15
Vergleich mit anderen CMS
SharePoint
(wenn bereits im Einsatz)
Web CMS wie
Drupal, Joomla, Wordpress
Lizenzkosten SharePoint Server Lizenz Open source
Betriebskosten
Administration Produkt
Big Data
Integration Webtechnologien
Aufwand HW Ressourcen
KnowHow Investition
Office Integration
Tools / Erweiterungen
![Page 16: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/16.jpg)
© SharePoint Community 12.2.2014 16
Wer setzt noch auf SharePoint ausser die IOZ?
Ferrari
http://www.ferrari.com/english/Pages/home.aspx
Parlament
http://www.parlament.ch
![Page 17: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/17.jpg)
© SharePoint Community 12.2.2014 17
Umsetzung
Wie hat die IOZ die
SharePoint Website
aufgebaut?
![Page 18: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/18.jpg)
© SharePoint Community 12.2.2014 18
Aufbau Plattform
Lizenz Security Sitemap Redirects
SP Installation
Seitenstruktur & Content
Design & clientseitige
AnpassungenSEO
Page Layouts, Lists etc.
![Page 19: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/19.jpg)
© SharePoint Community 12.2.2014 19
Aufbau Plattform
Lizenz Security Sitemap Redirects
SP Installation
Seitenstruktur & Content
Design & clientseitige
AnpassungenSEO
Page Layouts, Lists etc.
![Page 20: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/20.jpg)
© SharePoint Community 12.2.2014 20
Aufbau Plattform
Sitemap Website IOZ
![Page 21: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/21.jpg)
© SharePoint Community 12.2.2014 21
Aufbau Plattform
Sitemap Website IOZ
![Page 22: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/22.jpg)
© SharePoint Community 12.2.2014 22
SharePoint Features – Page Layouts
Einsatz Page Layouts
Vereinheitlichung ähnlicher Inhalte
Vereinfachte Erfassung
![Page 23: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/23.jpg)
© SharePoint Community 12.2.2014 23
SharePoint Features – Page Layouts
![Page 24: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/24.jpg)
© SharePoint Community 12.2.2014 25
Aufbau Plattform
Lizenz Security Sitemap Redirects
SP Installation
Seitenstruktur & Content
Design & clientseitige
AnpassungenSEO
Page Layouts, Lists etc.
![Page 25: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/25.jpg)
© SharePoint Community 12.2.2014 26
SharePoint Features – List Webpart & JS-Link
Beispiel Academy
List View Webpart & Javascript
IOZ Blog:
http://blog.ioz.ch/pimp-my-webpart-mit-js-links/
![Page 26: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/26.jpg)
© SharePoint Community 12.2.2014 27
Aufbau Plattform
Lizenz Security Sitemap Redirects
SP Installation
Seitenstruktur & Content
Design & clientseitige
AnpassungenSEO
Page Layouts, Lists etc.
![Page 27: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/27.jpg)
© SharePoint Community 12.2.2014 28
SEO Guidelines
Guideline Google
http://static.googleusercontent.com/media/www.go
ogle.com/en//webmasters/docs/search-engine-
optimization-starter-guide.pdf
Microsoft
Microsoft Guideline für SEO mit SharePoint
http://download.microsoft.com/download/2/0/F/20F
963F5-4668-4779-AC05-
7EDFDFD4E29C/Optimizing%20SharePoint%20Serv
er%202013%20websites%20for%20Internet%20sear
ch%20engines.docx
![Page 28: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/28.jpg)
© SharePoint Community 12.2.2014 29
Technologien Client
Welche neuen Technologien
sind mit SharePoint 2013
einsetzbar?
![Page 29: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/29.jpg)
© SharePoint Community 12.2.2014 30
HTML 5
http://www.kevs3d.co.uk/dev/arena5/
![Page 30: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/30.jpg)
© SharePoint Community 12.2.2014 31
Intranet oder Webpage? - Anforderungen
100 Mbit / 1 Gbit (Kabelgebunden)
Ähnliche Browser
Pages können > 1 Mbyte sein
Unendlich viel Content möglich
DSL? Wi-Fi? 3G? GPRS?
Alle browserfähigen Geräte
Pages sollten nicht > 500 Kbyte sein
Strukturiert und so viel Content, wie
nötig
![Page 31: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/31.jpg)
© SharePoint Community 12.2.2014 32
Eigene Anforderungen -> Massnahmen
Mobile?
Wen möchte ich als Besucher?
SEO?
Wo sind meine Märkte?
Schalte ich Werbung auf meiner Seite?
Lasse ich Werbung schalten?
Etc.
![Page 32: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/32.jpg)
© SharePoint Community 12.2.2014 33
Navigation (SEO)
http://www.ioz.ch/loesungen/business/Seiten/business.aspx
Dazu verwenden wir Globalhotlink (Eigenprodukt IOZ)
Navigation Breadcrumb Navigation
![Page 33: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/33.jpg)
© SharePoint Community 12.2.2014 34
Mobile
IOZ arbeitet nicht Mobile-first
Wir haben aber beim Design Mobile
berücksichtigt
Serverseitige Geräteerkennung
Image Renditions
![Page 34: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/34.jpg)
© SharePoint Community 12.2.2014 35
SEO Google Bot
1. Kommt via Webserver
2. Liest die sitemap.xml
3. Description
4. Keywords
5. Bilder
etc.
![Page 35: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/35.jpg)
© SharePoint Community 12.2.2014 36
SEO Sharepoint
http://www.ioz.ch/loesungen/Seiten/loesungen.aspx
![Page 36: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/36.jpg)
© SharePoint Community 12.2.2014 37
Social Media
http://www.ioz.ch/Seiten/Home.aspx
![Page 37: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/37.jpg)
© SharePoint Community 12.2.2014 38
Fazit
Macht es Sinn, SharePoint
als Webpage CMS zu
benutzen?
![Page 38: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/38.jpg)
© SharePoint Community 12.2.2014 39
Wann ist Sharepoint als Webpage CMS sinnvoll?
Wenn Sharepoint bereits im Einsatz ist (z.B. als Intranet)
Daten (also Inhalte) rezykliert werden können
Wenn Extranets zur Verfügung stehen sollen
Wenn Office Dokumente stark in Ihre Geschäftsprozesse integriert sind.
Technisch ist (quasi) alles möglich
![Page 39: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/39.jpg)
© SharePoint Community 12.2.2014 40
Wann macht es eher keinen Sinn?
Wenn SharePoint nicht im Einsatz ist
Wenn Sie vor allem dynamische, multimediale Inhalte transportieren möchten
(z.B. Webradio o.Ä.)
![Page 40: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/40.jpg)
© SharePoint Community 12.2.2014 41
Unsere Erfahrungen
Einen neuen Webauftritt planen und durchzuführen ist ein grösseres Projekt
Eine Webseite ist ein sehr emotionales Thema
Pro Mitarbeitenden gibt es eine Meinung, was man noch tun sollte / könnte
Der Auftraggeber (z.B: GL-Mitglied) sollte die treibende Kraft sein
Der Aufwand wir sehr häufig unterschätzt, deswegen: Projektphasen, Redaktionsschluss
einhalten
Ein gutes Konzept und von Beginn an klare, durchdachte Vorstellungen von Inhalt, Design und
Zielgruppen spar viel Zeit und Geld
Eine Webpage sollte für den Kunden und dessen Anforderungen gemacht werden
![Page 41: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/41.jpg)
© SharePoint Community 12.2.2014 42
Fragen?
? ?
?
![Page 42: SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013](https://reader034.fdocuments.net/reader034/viewer/2022051209/548314f7b47959d30c8b499e/html5/thumbnails/42.jpg)
© SharePoint Community 12.2.2014 43
Besten Dank