Fiona-Howto des FB Informatik
Fiona als uniweites CMS
Die Webseiten von Organisationseinheiten des Fachbereichs Informatik (z.B. Arbeitsbereiche) werden künftig unter Fiona gehostet. Organisationseinheiten, die in das neue Layout wechseln möchten, wenden sich an Hannes Federrath oder Andreas Heymann. Alte Webauftritte bleiben erhalten, werden aber nicht automatisch umgestellt.
Alle Webauftritte von Organisationseinheiten des Fachbereichs Informatik liegen unterhalb der URL http://www.inf.uni-hamburg.de/de/inst/groups. Kurze URLs werden möglich sein. Im Backend des Fiona-Systems liegen die Webauftritte von Organisationseinheiten des Fachbereichs Informatik damit unter ROOTPUB/inf/de/inst/groups.
Zugangskennungen
Als Zugangskennungen werden die RRZ-Kennungen verwendet. Jede RRZ-Kennung muss für Fiona von Andreas Heymann freigeschaltet werden.
Sobald der Ordner der Organisationseinheit eingerichtet ist und die RRZ-Kennungen für Fiona freigeschaltet sind, kann die Arbeit beginnen. Das Fiona-Backend des Fachbereichs Informatik ist unter https://wcms-fakmin.rrz.uni-hamburg.de/fakmin/NPS/login erreichbar. Dort die eigene Kennung (z.B. inxy012) und das Passwort eingeben.
Anschließend erscheint der Content-Manager. Die offizielle Fiona-Anleitung der Universität Hamburg ist unter http://www.fiona.uni-hamburg.de zu finden. Deshalb sollten unbedingt die Hinweise und Anleitungen dort beachtet werden. Nur dann sind auch die folgenden Hinweise verständlich.
Anlegen der Hauptnavigation
Die Hauptnavigation hat sechs Einträge, die möglichst nach den Vorgaben unter http://www.fiona.uni-hamburg.de/de/funktionen/site-templates/subsite.html#navi zu befüllen ist.
Im Folgenden wird angenommen, dass der Ordner der Organisationseinheit ROOTPUB/inf/de/inst/groups/swk lautet. Im Content-Manager (Hauptfenster) auf diesen Ordner Klicken. Anschließend in der Menüleiste des Hauptfensters auf das blaue Ordner-Symbol mit dem roten Plus klicken (Alternativ im Menü des Hauptfensters Datei:Neuer Ordner..). Unter http://www.fiona.uni-hamburg.de/de/funktionen/first_steps_tutorial.html findet man dies genauer erklärt.
Es öffnet sich ein Fenster (siehe Abbildung).
Als Name (Kleinbuchstaben!) möglichst einen engl. Bezeichner wählen. Begründung: Neben ROOTPUB/inf/de/inst/groups/* gibt es auch noch einen englischen ROOTPUB/inf/en/inst/groups Pfad (erkennbar am en), der den gleichen Ordnernamen haben muss, da die Seiten zweisprachig ausgeliefert werden. Damit in der entsprechenden en-URL keine deutschen Bezeichner stehen, sollte man sinnvollerweise gleiche englische Bezeichner für die deutschen Pfade wählen.
Als Vorlage "Standard-Ordner" wählen und OK klicken. Es öffnet sich ein weiteres Fenster (siehe Abbildung).
Es sind die Felder Titel, Kurzbeschreibung und Schlagworte zwingend anzugeben (erkennbar an den roten Sternchen). Titel erscheint im Menü und als Titel der Seite. Kurzbeschreibung und Schlagworte erzeugen die von Suchmaschinen ausgewerteten, aber im Browser nicht sichtbaren Einträge
<meta content='(Schlagworte hier)' name='keywords'>
<meta content='(Kurzbeschreibung hier)' name='description'>
Kurzbeschreibung könnte, wem nichts sinnvolles einfällt, identisch sein mit Titel, da man das schnell mit Copy-and-Paste erledigen kann. Schlagworte könnte "Fachbereich Informatik" enthalten.
Nachdem sechs solche Ordner angelegt sind, kann man mit Klick auf das blaue Film-Apparat-Symbol (Alternativ im Menü des Hauptfensters Ansicht:Separate Vorschau..) das Ergebnis anschauen. Vorher muss im Hauptfenster natürlich der Ordner angeklickt sein, den man betrachten will.
Vermutlich sind die sechs Menüpunkte zwar zu sehen, aber in falscher Reihenfolge. Um dies zu korrigieren, klickt man auf den Ordner, dessen Position bestimmt werden soll und wählt im rechten Bereich des Hauptfensters unter "Position im Menu" (klick auf <...>, siehe Abbildung) die gewünschte Position. Die Menüeinträge erscheinen in der Reihenfolge der für die sechs Ordner gewählten Zahlen.
Sollen andere Eigenschaften eines Ordners (bzw. Dokuments) geändert werden, sind im rechten Bereich des Hauptfensters auch alle anderen Felder erreichbar. Dort werden auch Fehlermeldungen angezeigt.
Banner-Bild
Im rechten Bereich des Hauptfensters kann man auch das Banner-Bild der Seite im Feld "Bild (630x300px)" setzen.
Unter ROOTPUB/inf/de/_images befinden sich Bannerbilder, die auch von Organisationseinheiten nutzbar sind. Hochladen von Bildern geht über das gelbe Symbol mit dem roten Pfeil nach oben (Alternativ im Menü des Hauptfensters Datei:Datei importieren..). Es muss auch hier der Name des Bildes in Kleinbuchstaben angegeben werden, außerdem ein Titel (Vorschlag: identisch mit Name, schnell erledigt mit Copy-and-Paste) und ein Alt-Text. Der Alt-Text ist notwendig für die Barrierefreiheit. Bei Bildern ohne relevante Inhalte, die nur der „Verschönerung“ dienen, könnte notfalls als Alt-Text eingegeben werden: Alt-Leerzeichen oder nochmal der Name des Bildes.
Vor dem Hochladen von Bildern sollte (muss aber nicht) innerhalb des eigenen Auftritts (hier im Beispiel ROOTPUB/inf/de/inst/groups/skw) ein Standard-Ordner _images angelegt werden (resultierender Pfad ROOTPUB/inf/de/inst/groups/skw/_images). Damit dieser Ordner nicht die Hauptnavigation beeinflusst, muss das Feld "Im Menu anzeigen?" auf "no" gesetzt werden. Dorthin können nun eigene Bilder geladen werden. Nach dem gleichen Prinzip können auch beliebige weitere Ordner für Dokumente (z.B. pdf-Dateien) angelegt werden.
Unter http://www.inf.uni-hamburg.de/de/service/relaunch/demo-seitenelemente.html befindet sich eine Demo-Seite, die alle wichtigen Layout-Elemente zeigt.
Editieren des Hauptinhalts
Im rechten Bereich des Hauptfensters wählt man das Feld "Hauptinhalt". Anschließend öffnet sich ein Fenster.
Achtung! Beim ersten Editieren eines Inhalts (genauer nur einmal pro Vorlagenelement) sollte man im Menü des Hauptfensters unter "Bearbeiten:Hauptinhalt bearbeiten mit.." den TinyMCE wählen. Hierzu gibt es auch Hinweise unter http://www.fiona.uni-hamburg.de/de/tutorials/editors.html. Wählt man nicht erst "Bearbeiten:Hauptinhalt bearbeiten mit.." und den TinyMCE, erscheint nach einiger Zeit ein Editor, der auf Java basiert. Möglicherweise werden auch Fehlermeldungen, Sicherheitswarnungen und andere ominöse Hinweise eingeblendet. Wer hier nicht weiter kommt, schreibt bitte eine Support-Anfrage an rrz.serviceline"AT"rrz.uni-hamburg.de. Das RRZ will in einem späteren Release automatisch auf TinyMCE umstellen, so dass dieser Schritt künftig ggf. wegfällt.
Anschließend öffnet sich der TinyMCE (siehe Abbildung), so dass der Hauptinhalt der Seite bearbeitet werden kann.
Boxenelemente
Sowohl in der rechten Spalte als auch links unterhalb des Hauptinhalts können verschiedene sog. "Boxenelemente" erscheinen. Näheres hierzu findet man in der offiziellen Fiona-Anleitung der Universität Hamburg unter http://www.fiona.uni-hamburg.de/de/funktionen/templates/boxes.html, aber auch auf der Demo-Seite für Seitenelemente des Fachbereichs Informatik.