Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
AGENDA
2
Arbeiten mit Drupal – Teil 1: Basismodul
Theoretischer Teil
Web-Content-Management-System
Funktionen von Drupal
Inhalte erstellen
Inhalte formatieren
Praktischer Teil
11 Übungsaufgaben
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Software zur einfachen Erstellung und Verwaltung von Webinhalten
Redaktionssystem
Trennung von Inhalt und Layout/Design
Redakteur muss sich nur noch mit Einpflegen und Aktualisieren der Inhalte befassen
WAS IST EIN CONTENT-MANAGEMENT-SYSTEM?
3
Web-Content-Management-System Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Keine Vorkenntnisse in HTML, CSS, …
Arbeitsplatz benötigt keine zusätzliche Software
Webbrowser ist ausreichend
Bedienfreundliche Umgebung
Durchsetzung des Corporate Designs
WAS SIND DIE VORTEILE EINES CMS?
4
Web-Content-Management-System Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Drupal 6.x (freie Software OpenSource)
PHP-basiert unter Verwendung MySQL
Flächendeckende Einführung im April 2014
Relaunch: neues Webdesign und Umstellung der zentralen Seiten
Umstellung auf Pressflow 6.x
Drupal-Derivat, kompatibel zum Drupal-Core
Schwerpunkte: Performance, Caching
Stand 2018:
ca. 25.000 Seiten im System, ca. 2.800 Redakteure
KURZVORSTELLUNG DRUPAL / PRESSFLOW
5
Web-Content-Management-System Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Core mit Grundfunktionalität
User, Node, System
Module für zusätzliche Funktionen
Datei-Upload, Galerie, Editor, Dateibrowser, Formulare, …
über 40.900 vollwertige Drupal-Module
davon 7.300 für Drupal 6 kompatibel
(13.900 für Drupal 7, 5.500 für Drupal 8)
AUFBAU VON DRUPAL / PRESSFLOW
6
Web-Content-Management-System Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Menschen- und maschinenlesbare Adressen
Inhaltstypen für verschiedenartige Seiten
Rollenbasiertes Rechtesystem
Versionierung der Inhalte
Anbindung an LDAP-Server
…
EIGENSCHAFTEN VON DRUPAL / PRESSFLOW
7
Web-Content-Management-System Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Drupal 3Testsystem
• Tests von Patches und
Updates
• Testsystem für
Erweiterungen, Module
Drupal 2Qualitätssystem
• Ausbildungs- und
Schulungs-system
• Kopie des Produktiv-
systems
Drupal 1Produktivsystem
• Zielsystem für das
gesamte Webangebot
• Pflege der Inhalte
SYSTEMLANDSCHAFT
8
Web-Content-Management-System Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
CMS = webbasiertes Redaktionssystem
Drupal / Pressflow Version 6.x
Core mit Grundfunktionen und Module für Erweiterungen
3 CMS-Instanzen
FRAGEN?
9
Web-Content-Management-System Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Login erfolgt mittels Shibboleth-Authentifizierung
Zentrales Uni-Login
Login-Link im Footermenü: http://tu-freiberg.de/login
Heutiges Schulungssystem:
http://drupal3.hrz.tu-freiberg.de
Hinweis:
Vorheriges Login ist erforderlich für Berechtigungen.
LOGIN IN DRUPAL
10
Funktionen von Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
REDAKTIONSMODUS
11
Funktionen von Drupal
Inhalts- und
Gruppenverwaltung
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
GRUPPENVERWALTUNG
12
Funktionen von Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
INHALTSVERWALTUNG
13
Funktionen von Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
FUNKTIONEN VON DRUPAL
14
Redaktionsmodus
Bearbeitungsleiste
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
VERSIONEN
15
Funktionen von Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
UNTERSEITE HINZUFÜGEN
16
Funktionen von Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Login über Fußzeile
Inhalts- und Gruppenverwaltung
Funktionen im Bearbeitungsmodus
FRAGEN?
17
Funktionen von Drupal
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Inhalte werden hierarchisch (Baumstruktur) abgelegt
Unterseite hinzufügen: unterhalb der aktuellen Seite
Wichtige Felder:
Seitentitel (beeinflusst auch Menütitel und URL-Alias)
Textkörper (eigentlicher Inhalt)
Veröffentlichungseinstellungen
NEUE SEITE ANLEGEN: UNTERSEITE HINZUFÜGEN
18
Inhalte erstellen
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
UNTERSEITE HINZUFÜGEN: SEITE
19
Inhalte erstellen
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Bannerbild
Bildergalerie
Sprache
Menüeinstellungen
Gruppen
Meta-Tags
Verantwortlicher
Versionsinformationen
NEUE SEITE ANLEGEN: WEITERE FELDER
20
Inhalte erstellen
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
UNTERSEITE HINZUFÜGEN: AKTUELLES/NEWS
21
Inhalte erstellen
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Unterseite hinzufügen
Neue Seite anlegen
Aktuelles/News anlegen
Vordefinierte Felder
Wichtige Felder
Weitere Felder
FRAGEN?
22
Inhalte erstellen
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
WYSIWYG = What You See Is What You Get
Erstellen und Bearbeiten von Web-Inhalten
Keine Vorkenntnisse von HTML & Co.
Angelehnt an Textverarbeitungsprogramme
INHALTE FORMATIEREN MIT DEM WYSIWYG-EDITOR
23
Inhalte formatieren
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Semantik = Bedeutung von Inhalten
Beispiel:
Überschriften häufig größer und fett gedruckt dargestellt
Merke:
Nicht jeder fett und groß gedruckte Text ist zwangsläufig eine Überschrift
SEMANTISCHE STRUKTURIERUNG
24
Inhalte formatieren
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Inhalte sinnvoll mit dafür passenden Elementen auszeichnen
Beispiel: Überschrift 2. Ordnung mit h2-Element
Merke:
Text nicht als Überschrift auszeichnen, nur damit dieser größer aussieht
ZIEL: NACH SEMANTISCHEN KRITERIEN STRUKTURIEREN
25
Inhalte formatieren
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Überschriften: <h2>
Absätze: <p>
Listen: <ol>
Hervorhebungen: <strong>
Zitat: <blockquote>
…
SEMANTISCHE ELEMENTE BENUTZEN
26
Inhalte formatieren
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Seitenbesucher kann Inhalte besser und schneller erfassen
Screenreader können Inhalte besser aufbereiten (Barrierefreiheit)
Suchmaschinen können Struktur des Dokuments besser erfassen
(Ranking)
Lesemodus im Browser (nur Hauptinhalte einer Seite)
VORTEILE VON SEMANTISCHER STRUKTURIERUNG
27
Inhalte formatieren
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Texte werden überflogen
Lesen auf Bildschirmen anstrengender
Erleichterung durch semantische Strukturierung
Beispiel: Link zur Prüfungsanmeldung
http://tu-freiberg.de/
WOZU DAS GANZE?
28
Inhalte formatieren
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Inhalte formatieren mit dem WYSIWYG-Editor
Semantische Strukturierung
Inhalte nach semantischen Kriterien strukturieren
Semantische Elemente benutzen
Vorteile von Semantischer Strukturierung
FRAGEN?
29
Inhalte formatieren
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Word-Dokument herunterladen
http://drupal3.hrz.tu-freiberg.de/schulungsbereich
Übungsaufgaben selbstständig bearbeiten
Bei Fragen oder Unklarheiten umgehend melden
PRAKTISCHER TEIL
30
Arbeiten mit Drupal – Teil 1: Basismodul
Alexander Winterstein | Zentraler Webkoordinator | Universitätsrechenzentrum
Webportal:
http://tu-freiberg.de/webportal/
Fragen und Probleme:
Weitere Weiterbildungen:
Webinhalte optimieren
Barrierefreiheit im Web
Bloggen: Konzeption, Gestaltung und Administration
Online-Umfragen erstellen mit LimeSurvey
WEITERFÜHRENDE INFORMATIONEN
31
Arbeiten mit Drupal – Teil 1: Basismodul