Anleitung Satellite 4 v1.2

Anleitung zum Umgang mit der Satellite 4
Homepage
Hey Freunde,
diese Anleitung führt Euch Schritt für Schritt und mit vielen Bildern durch das Content-ManagementSystem Drupal. Sie zeigt Euch, wie Ihr Events und Informationsseiten erstellen könnt und wie Ihr die
Events bearbeitet, löscht oder nachträglich mit bei der Veranstaltung gemachten Bildern verseht.
Zunächst will ich gern die Begriffe Drupal und Satellite 4 erklären, um ein grundlegendes Verständnis
davon zu geben, was Ihr da eigentlich macht.
Das Programm, mit dem Ihr arbeitet, heißt Drupal und nebenstehend seht Ihr das
Logo. Es ist auf dem Server, ESN mietet, installiert. Ihr braucht also nichts als einen
Browser, um die Website zu bearbeiten, und könnt das von Eurem PC, Mac,
Smartphone oder Tablet aus tun. Es ist Open-Source Software und ein recht weit
verbreitetes System.
Satellite 4 ist ein Template, also eine Designvorlage, die das
Aussehen der Website vorgibt. Sie ist für Drupal entwickelt.
Deswegen kann das Programm die Inhalte über seine grafische
Oberfläche anpassen, ohne dass Ihr Quelltext schreiben müsst.
Es wird vom IT Committee von ESN International
herausgegeben und regelmäßig erneuert.
Falls Ihr Fragen bezüglich des Systems habt oder auf Probleme stoßt, die nicht von dieser Anleitung
abgedeckt werden, seid Ihr dazu angehalten, mich einfach zu kontaktieren. Ihr erreicht mich am besten
unter [email protected]. Ich wünsch Euch viel Spaß beim Basteln. Lasst Euch nicht von ein
paar Details abschrecken. Drupal ist nicht schwierig zu bedienen.
Gruß und Kuss
Thomas Gebken | Webmaster ESN Deutschland | [email protected]
1
1 LOGIN
Nach dieser kurzen Einleitung gehts auch schon los mit den interessanten Angelegenheiten ;) Um den
Inhalt der Website bearbeiten zu können, müsst Ihr Euch zunächst einloggen. Für den Zugang zum
Anmeldeportal könnt Ihr auf das kleine Symbol in der Fußleiste klicken.
Wenn Ihr bereits einen ESN Galaxy Account habt, könnt Ihr Euch damit einloggen. Klickt einfach auf
Log in. Dann seid Ihr als Editor, also als Bearbeiter der Website eingetragen und könnt alle
grundlegenden Operationen wie Inhalt erstellen, verändern oder löschen ausführen.
Euer lokales Teammitglied, das bei Galaxy als Webmaster eingetragen ist, bekommt automatisch
Administratorenrechte, mit denen er die Seite quasi nach Belieben umgestalten kann.
Falls Ihr Schwierigkeiten mit dem
Galaxy-Login habt oder andere
Bearbeitungsmöglichkeiten wollt,
schreibt mir bitte. Dann kann ich
die Probleme beheben oder Euch
einen
separaten
Account
erstellen. Um Euch mit einem
solchen Account anzumelden,
klickt auf Login without Galaxy.
Ein Standardaccount für den Login
ohne Galaxy ist in einer Email an
Euch gesendet worden.
Thomas Gebken | Webmaster ESN Deutschland | [email protected]
2
2 Die Umgebung von Drupal
Nach dem Login seht Ihr erneut die Frontpage der Website, diesmal jedoch mit einem schwarzen Balken
im oberen Bereich. Dieser Balken ist das Menü von Drupal und enthält die Optionen, die Ihr als Nutzer
habt. Wenn Ihr mit der Maus über dem Button Add Content schwebt, öffnet sich ein Dropdown-Menü
mit den Optionen Event, News, Page und Partner. Klickt Ihr auf das Home-Symbol, kommt Ihr zurück zur
Frontpage. Unter Helpcenter findet Ihr Links zur offiziellen Drupal-Community, die Euch Tipps zu
Problemlösungen gibt.
Die Option Event ist für Veranstaltungen gedacht. Was Ihr hier erstellt, wird automatisch in die Events-
Abteilung auf der Frontpage aufgenommen. Außerdem wird es im Kalender eingetragen. Wie Ihr ein
Event erstellt, erkläre ich im nächsten Kapitel.
Die Option News ist für aktuelle Ankündigungen. Was Ihr als News erstellt, wird im Navigationsreiter
News angezeigt. Es besteht auch die Möglichkeit, die News ähnlich wie Events auf der Frontpage
anzeigen zu lassen.
Die Option Page ist für Seiten gedacht, die über längere Zeit gleich bleiben. Ein Beispiel findet Ihr auf der
Seite von Braunschweig unter dem Reiter "What is ESN?".
Die Option Partner bietet die Möglichkeit einen Partner, der uns zum Beispiel sponsert, zu bearbeiten.
Hier können wir unsere Werbemöglichkeiten nutzen und den Partnern Werbefläche einräumen.
Außerdem können wir befreundete Initiativen hier verlinken.
Zusätzlich zu den vier Standard-Inhaltstypen gibt es noch viele weitere, um die Eure Website ergänzt
werden kann. Einer davon ist das Webform. Weil viele ihn nutzen, nehme ich ihn in diese Anleitung auf.
Webforms sind Online-Formulare, die sich in die Website einbetten lassen. Sie werden im Laufe dieser
Anleitung erklärt. Es kann passieren, dass Euch die Option Webform unter Add Content nicht angezeigt
wird, obwohl Euer Webmaster oder ich die Funktion installiert haben. Das liegt vermutlich an einer
fehlerhaften Rechtekonfiguration für Euren Account und kann leicht behoben werden. Schreibt bitte
einfach eine Mail mit dem entsprechenden Problem.
Thomas Gebken | Webmaster ESN Deutschland | [email protected]
3
3 Inhalte erstellen
Dieses Kapitel erklärt, wie man Events, Pages und Webforms erstellt. Der Prozess ist für Events und
Pages sehr ähnlich. Deswegen werden die Details für die Eventerstellung erklärt und die Zusatzinfos für
Pages in 3.2 ergänzt. Die Anleitung für Webforms findet Ihr unter 3.4.
3.1 Events erstellen
Um nun ein Event zu erstellen, klickt Ihr auf die Option "Add Content > Event". Das bringt Euch zu einer
Seite, die folgendermaßen aussieht:
Hier tragt Ihr unter Title den Namen der Veranstaltung ein. Alle Felder mit einem roten Stern müssen
ausgefüllt werden. So auch das Datum. Scrollt Ihr weiter runter, kommt Ihr zu den Feldern Summary
und Body.
Summary ist für eine Kurzzusammenfassung. Die taucht anschließend in der Übersicht im
Navigationsreiter Events auf.
Body ist die genaue Beschreibung auf der Seite des Events. Die erreicht man, indem man auf der
Frontpage oder im Navigationsreiter auf das Event klickt. Hier sollten alle relevanten Informationen
stehen wie der Treffpunkt, die Anmeldeinformationen und eine Beschreibung der Tätigkeiten.
Gegebenenfalls auch, was die Studenten mitbringen müssen. Ihr habt hier die Möglichkeit, den Text mit
einem Texteditor, wie Ihr ihn z.B. aus Word kennt, zu bearbeiten.
Thomas Gebken | Webmaster ESN Deutschland | [email protected]
4
Anschließend solltet Ihr ein Veranstaltungsbild auswählen. Unter Image klickt Ihr auf Durchsuchen und
könnt ein Bild der Dateitypen png, gif, jpg oder jpeg hochladen. Sobald Ihr das Bild ausgewählt habt,
klickt auf Upload, damit es auf den Server geladen wird.
Das Bild wird an drei Orten erscheinen. Zum einen auf der Frontpage als kleines Bild neben dem
Eventnamen, dann etwas größer in der Eventübersicht und natürlich auf der Eventseite. Wenn Ihr zu
große Dateien nehmt, wird die Seite langsamer. Achtet also gegebenenfalls darauf, dass Ihr die Bilder
verkleinert. Das geht z.B. mit Paint von Microsoft. Gute Größen sind zwischen 500 kB und 3 MB.
Jetzt kommt Ihr zu einem blauen Menü, das eine Menge
Möglichkeiten für einzelne und wichtige Details gibt. Unter Details
könnt Ihr den Preis und einige selbsterklärende Optionen einstellen.
Images bietet die Möglichkeit, mehrere Bilder hochzuladen, die am
Fuß der Eventbeschreibung angezeigt werden. Das eignet sich, um die
Fotos, die während der Veranstaltung gemacht wurden, später
hochzuladen oder die Veranstaltungsbeschreibung anschaulicher zu
machen. Contact ist für Informationen bezüglich des
Ansprechpartners, Veranstaltungsorts und Treffpunkts. Diese Infos
könnt Ihr natürlich auch in die Eventbeschreibung schreiben, aber
hier werden sie übersichtlich in den Veranstaltungsdetails dargestellt. Im Punkt Other habt Ihr unter
anderem noch die Möglichkeit, pdf-Dateien oder ähnliches hochzuladen. Das Feld Date/Time ignoriert
bitte einfach. Es stammt noch aus einer alten Version des Templates.
Alle anderen Einstellungen könnt Ihr ignorieren. Zum Schluss ist
ganz wichtig, dass Ihr auf den Save-Button klickt, sonst wird nichts
gespeichert. Der ist ganz am Ende der Seite zu finden. Wenn Ihr alle
Pflichtfelder richtig ausgefüllt habt, wird nun eine Bestätigung
angezeigt, dass das Event erstellt wurde. Wenn noch Fehler
vorliegen, folgt einfach den Anweisungen, die das System gibt. Nach dem Erstellen des Events kann es
eine Weile dauern, bis es Euch angezeigt wird, weil die Seite in Eurem Cache (das ist ein
Kurzzeitspeicher, der sich nach kurzer Zeit von selbst löscht) gespeichert wird und nicht jedes Mal neu
Thomas Gebken | Webmaster ESN Deutschland | [email protected]
5
lädt. Wollt Ihr Euer Werk sofort sehen, aktualisiert die Seite in Eurem Browser und leert Cache, falls das
nicht hilft.
3.2 Pages erstellen
Bei erstellten Pages ist es oft interessant, sie direkt ins
Navigationsmenu
aufzunehmen,
damit
Websitebesucher direkt auf sie aufmerksam werden.
Das geht, indem Ihr am Ende der graphischen
Oberfläche zur Erstellung einer Page unter dem Punkt
Menu settings die Option Provide a menu link mit
einem Häkchen verseht.
Soll die Page nicht direkt in der Navigationsleiste
stehen sondern ein Unterpunkt einer anderen Seite
sein, habt Ihr weiter unten noch die Möglichkeit einen
bereits vorhandenen Menupunkt als Parent item
auszuwählen. Die neu erstellte Seite wird dann als
Unterpunkt in einem Dropdownmenu unter ihrem
parent item angezeigt.
3.3 Spotlight
Wenn Ihr wollt, dass Euer Event in dem großen Banner auf der Startseite erscheint, müsst Ihr zum einen
ein Spotlight Image hochladen. Das funktioniert genau wie beim Veranstaltungsbild. Haltet Euch am
besten an die Angaben beim entsprechenden Feld, damit das Bild nachher gut aussieht. Die Option Crop
gibt zusätzlich die Möglichkeit, den angezeigten Ausschnitt auszuwählen. Anschließend wählt Ihr ganz
am Ende der Seite noch unter Publishing Options die Option Promoted to front page.
3.4 Webforms
Die Erstellung von Webforms funktioniert ganz analog zu der von Pages und Events. Zunächst könnt Ihr
lediglich den Titel eingeben und dann auf Save drücken. Ihr habt nun ein leeres Webform erstellt und
kommt direkt zur nächsten Seite, auf der Ihr sie mit Inhalt füllen könnt. Dort könnt Ihr die einzelnen
Eingabemöglichkeiten in der Reihenfolge wie hier im Bild dargestellt bearbeiten. Zunächst gebt Ihr bei
Label die Beschriftung des Feldes ein. Unter Type könnt Ihr die Art des Feldes einstellen. Textfield ist
Thomas Gebken | Webmaster ESN Deutschland | [email protected]
6
eine einfache Textzeile. Email prüft, ob das Eingegebene einer Emailadresse entspricht und Textarea
erzeugt ein größeres Feld für Text. Probiert die Optionen einfach aus ;)
Thomas Gebken | Webmaster ESN Deutschland | [email protected]
7
4 Inhalt nachträglich bearbeiten oder löschen
Ihr habt ein Event (oder eine Page oder ein Webform) erstellt und wollt im Nachhinein Angaben ändern
oder Bilder hinzufügen? Dazu müsst Ihr eingeloggt sein und auf die Eventseite (bzw. Pageseite) gehen.
Da kommt Ihr hin, indem Ihr das Event auf der Frontpage anklickt oder unter dem Navigationsreiter
Events das Event sucht und da anklickt. Nun seht Ihr die Seite des Events, mit dem Unterschied
allerdings, dass die Buttons View und Edit sichtbar sind.
Die Bearbeitungsoptionen befinden sich unter Edit. Der Button führt Euch zurück zum Editor, den Ihr
von der Erstellung schon kennt. Hier könnt Ihr jetzt alles bearbeiten, was Ihr zuvor bei der Erstellung
geschrieben oder hochgeladen habt. Eine Zusammenfassung der Änderungen wird Euch gezeigt, wenn
Ihr auf den Button View Changes am Seitenende klickt. Neben dem Anpassen aller vorhandenen Daten
habt Ihr zusätzlich die Möglichkeit, das gesamte Event zu löschen. Den entsprechenden Button findet Ihr
am Ende der Website neben dem
Save Button. Seid vorsichtig!
Einmal gelöschte Events können
nicht wiederhergestellt werden
und müssen komplett neu
gemacht werden.
Thomas Gebken | Webmaster ESN Deutschland | [email protected]
8