Die Testumgebung erreichen Sie unter erreichen; Publish unter

Transkript

1 1

2 2

3 3

4 Unter der Adresse können Sie sich mit Ihrem Benutzernamen und Ihrem Passwort an Adobe CQ anmelden. Der Liveserver (Publish) ist unter der Adresse Die Testumgebung erreichen Sie unter erreichen; Publish unter 4

5 Nach erfolgreicher Authentifizierung sehen Sie einen zweigeteilten Screen. Auf der linken Seite eine Liste mit den einzelnen Funktionen, um das CMS zu bewirtschaften, auf der rechten Seite eine Liste mit weiterführenden Links. Unter Dokumentation werden Sie auf die Website von Adobe weitergeleitet, wo Sie weiterführende Informationen zum System finden. Diese Dokumentation hier versteht sich in erster Linie als Schnellreferenz und geh vor allem auf die spezifischen Anpassungen des Systems für die ETH ein. Dies, weil es wenig Sinn macht, die gesamte Dokumentation von Adobe. Für die Erstellung und Bearbeitung von Seiten im CMS ist der Link «Websites» von Bedeutung. 5

6 Mit der Navigationsleiste lassen sich verschiedene Fenster öffnen. 1. Websites Hier können Seiten und Websites verwaltet werden 2. Digitale Elemente (Digital Asset Management) Zum Verwalten von Bildern, Dokumenten, Filmen und anderen Medien 3. Kampagnen Zum Verwalten von Marketing-Kampagnen (nicht Bestandteil der Unterlagen). Ermöglicht es, individuelle Inhalte für sogenannte Target Groups aufzubereiten. 4. Community Verwaltung von Social Collaboration Websites und deren Funktionen wie beispielsweise Blogs, Kommentare, Moderationsworkflows, etc. (Nicht Bestandteil der Unterlagen) 5. Posteingang Hier werden Ihre persönlichen Benachrichtigungen von Workflows abgelegt, z.b. wenn Seite freigeben müssen. 6. Benutzer Benutzer- und Rechteverwaltung (nicht Bestandteil der Unterlagen). 7. Werkzeuge Zum Verwalten von Paketen, Designs, Templates, Importskripten, Agenten und Workflows (nicht Bestandteil der Unterlagen) 8. Tags Zum Verwalten von Tags und Taxonomien (nicht Bestandteil der Unterlagen) 6

7 Mit der Navigationsleiste lassen sich verschiedene Fenster öffnen. 1. Author Hier kann man sein Passwort ändern, die Sprache des Oberfläche anpassen und sich eine Liste der erhaltenen Benachrichtigungen anzeigen. 2. Suche / Hilfe Hier kann man nach Seiten suchen und auch die Online-Hilfe aufrufen (im Moment noch für die Version 5.4) 7

8 In der linken Spalte sehen wir die gesamte Sitestruktur. Unter ethz.ch befinden sich die Knotenpunkte (nodes) für die Sprachen (im Moment Deutsch und Englisch) und darunter die 3 Publikationswelten der ETH: Haupseite Studierendenportal Mitarbeiterportal (ETH-Intranet) Ebenso finden sich hier die 16 Departemente der ETH Die Sites / Seiten sind hierarchisch strukturiert. In der Sitestruktur lassen sich Seiten erstellen, löschen und auch verschieben (per Drag and Drop). Letzteres ermöglicht eine einfache Reorganisation des Inhalts. Die Strukturierung der Seiten beeinflusst auch die Adressen (URLs) der Seiten. Um eine einheitliche Struktur der Inhalte zu gewähren, sollten folgende Konventionen beachtet werden: Websites werden von Autoren nicht erstellt, nur Seiten Beim Erstellen eines Knoten für ein neues Departement, Professur, Organisation, etc. wird das Template Homepage verwendet, für alle anderen Seiten das Template Inhaltsseite (aka Universalseite ). 8

9 Zum Verwalten von Tags und Taxonomien (nicht Bestandteil der Unterlagen) 9

10 Mit der Navigationsleiste lassen sich verschiedene Fenster öffnen. 1. Neu Erstellen von Seiten und Websites 2. Kopie, Einfügen, Löschen Der Name sagt alle. 3. Verschieben Hier können Seiten verschoben werden innerhalb des gesamten Webprojekts 4. (De-)Aktivieren Verwalten des Lebenszyklus einer Seite. Man kann bestimmen, über welchen Zeitraum hinweg eine Seite aktiv im Internet sichtbar ist. 5. Workflow Zum Starten von Workflows, z.b. zur Wiedervorlage einer Seite oder zur Freigabe durch einen Chefredakteur 6. Werkzeuge Diverse Funktionen wie Versionierung, Wiederherstellung einer älteren Version, Suchen und Ersetzen 7. Alternative Auswahl Über das Kontextmenü (rechte Maustaste) 10

11 Wie bereits erwähnt, werden nur Seiten von Autoren erstellt, keine Websites. 1. Dropdown Neu Neue Seite oder Website erstellen. 2. Neue Seite Neue Seite erstellen 3. Auswahl des Seitentemplates Es gibt zur Zeit 2 Seitentemplates: Homepage: Wird meist nur als 1. Seite eines Departements, Organisation, etc. verwendet, als Einstiegsseite Inhaltsseite (Universalseite): Fast immer die richtige Wahl 4. Auswahl eines Blueprints für eine neue Website Ein Blueprint ist ein Template für eine Site und gibt deren Struktur vor. Auf der Basis eines Blueprints können Live Copies erstellt werden, die die Eigenschaften des Blueprints erben. Mit diesen Live Copies kann zum Bespiel sehr schnell eine Microsite erstellt werden, z.b. für eine Veranstaltung. Eine Site wird für gewöhnlich nur von Administratoren erstellt. Bitte einen sprechenden Titel eingeben. Der Name der Seite ist entscheidend für die CMS-interne Verwaltung der Seite. Wird kein Name angegeben, wird automatisch der Titel übernommen. Leerschläge werden durch Bindestriche ersetzt, ebenso werden Umlaute und Sonderzeichen umgeschrieben. Der Name bestimmt auch die URL der Seite. 11

12 1. Verschieben Ruft die Dialogbox 2 auf. 2. Verschieben Dialogbox Mit einem Klick auf die Lupe neben dem Bis -Feld öffnet sich die Dialogbox 3. Hier können Sie auch den Namen der Seite ändern. 3. Pfad auswählen In der Sitestruktur lässt sich der gewünschte Pfad auswählen, der das Ziel für die Seite sind soll. 12

13 1. Aktivieren / Deaktivieren Ruft die Dialogbox 2 auf. 2. Verschieben Dialogbox Hier lässt sich bestimmen, wann eine Seite (de-)aktiviert wird. Nur aktivierte Seiten werden publiziert und sind im Internet sichtbar. Auf diese Weise kann man einfach und zu jederzeit den Lebenszyklus, sprich die Gültigkeit einer Seite definieren. 13

14 1. Versionsverwaltung Hier lassen sich alte Versionen von Seiten wieder herstellen. Auch ganze Bäume, sprich mehrere zusammenhängende Seiten können wieder hergestellt werden. Eine Version wird immer dann erstellt, wenn die Seite publiziert wird. Es ist auch möglich, eine Seite manuell zu versionieren, ohne sie publizieren zu müssen. 2. Sprachkopie In der Dialogbox Sprachkopie sieht man, welche Seiten in welchen Sprachen erstellt wurden. Ein x bedeutet, dass eine Seite bereits erstellt wurde in der jeweiligen Sprache (siehe Flagge über Spalte). Mittels Dropdown kann eine Seite in einer anderen Sprache erstellt werden. Das + bedeutet, dass nicht nur die Seite selbst, sondern auch die Kinderseiten kopiert werden. (Auto) übernimmt die Einstellungen der Eltern -Seite. (Ignorieren) es wird für die Seite und deren Kinder-Seiten keine Kopie erstellt. 3. Suchen und Ersetzen Mit dieser Funktion ist es möglich, Textfragmente in Seiten zu finden und zu ersetzen Weitere Funktionen: Unter Verweise lässt sich eine Liste der Seiten aufrufen, die auf die selektierte Seite verweisen. 14

15 Es wird hier nur einige wichtige Funktionen beschrieben. 1. Kontextmenü Bietet die gleichen Möglichkeiten wie die Menüleiste, zzgl. Eigenschaften. 2. Seiteneigenschaften mit Reiter Basic Hier lassen sich folgende Eigenschaften anpassen: Titel Überschrift Navigationstitel: Hier kann man z.b. einen kürzeren Titel für die Navigation eingeben Tags/Keywords: siehe Dialogbox 3 In Navigation ausblenden: Für den Fall, dass man nicht möchte, dass die Seite in der Navigation angezeigt wird, z.b. für eine Thank you -Page bei einem Formular LaTex anzeigen: Ermöglicht die korrekte Anzeige der LaTex-Syntax Einschaltzeit / Ausschaltzeit: steuert den Lebenszyklus der Seite, sprich der Sichtbarkeit der Seite im Web 15

16 Hier lassen sich folgende Eigenschaften anpassen: Sprache: Die Sprache der Site. I.d.R leerlassen, da durch den übergeordneten Knoten vorgegeben Umleiten: ermöglicht die automatische Umleitung auf eine andere Seite Entwurf: Link zur Vorlage (Design) der Seite Alias: Für die Angabe einer alternativen URL, z.b. /departement/institut/abteilung/veranstaltung/ zu /veranstaltung/ 16

17 Zum Verwalten von Bildern, Dokumenten, Filmen und anderen Medien. 1. Strukturansicht Wie bereits auch für Seiten, so können auch digitale Elemente in Ordner strukturiert werden. So wird es allgemein zugängliche Ordner geben für Bilder und Dokumente, die alle betreffen. Für gewöhnlich aber sollten die Digitalen Elemente der Departemente auch in deren Ordner liegen. 2. Suche Umfangreiche Suchmöglichkeiten über die Metadaten von Media-Elementen. 3. Neu Hier können neue Ordner angelegt oder Elemente hochgeladen werden. Mittels Drag and Drop können Dateien aus dem Explorer (Finder) in das Hauptfenster mit den aufgelisteten Elementen gezogen werden, um einen Massenupload zu starten. 17

18 Zum Verwalten von Marketing-Kampagnen (nicht Bestandteil der Unterlagen). Ermöglicht es, individuelle Inhalte für sogenannte Target Groups aufzubereiten. 18

19 Verwaltung von Social Collaboration Websites und deren Funktionen wie beispielsweise Blogs, Kommentare, Moderationsworkflows, etc. (Nicht Bestandteil der Unterlagen) 19

20 Hier werden Ihre persönlichen Benachrichtigungen von Workflows abgelegt, z.b. wenn Seite freigeben müssen. 20

21 Benutzer- und Rechteverwaltung (nicht Bestandteil der Unterlagen). 21

22 Zum Verwalten von Paketen, Designs, Templates, Importskripten, Agenten und Workflows (nicht Bestandteil der Unterlagen) 22

23 1. Contentfinder Listet Dokumente, Filme, Bilder, etc. zur Verwendung in den Komponenten auf. 2. Seite Im Bearbeitungsmodus 3. Platzhalter Platzhalter für Komponenten, die man aus dem Sidekick (4) in die Seite zieht. 4. Sidekick Ermöglicht die Bearbeitung der Seite 23

24 Hier sehen wir die verschiedenen Reiter des Contentfinders in der rechten Spalte. 1. Bilder Liste aller Bilder im DAM (Digital Asset Manager). Das DAM erstellt automatisch diverse Grössen von Bildern gemäss den Vorgaben des Style-Guides. Bilder können auf Bildparagraphen in Komponenten gezogen werden. 2. Dokumente Liste alle Dokumente im DAM. Dokumente können auf Download-Paragraphen in Komponenten gezogen werden. 3. Filme Liste aller Filme und Flash-Elemente im DAM. Diese können auf Flash- / Film-Paragraphen in Komponenten gezogen werden. 4. Seiten Liste aller Seiten. Mittels Doppelklick kann eine Seite zur Bearbeitung geöffnet werden. 5. Absätze Listet Paragraphen von anderen Seiten auf. Man kann diese Paragraphen (Komponenten) auf der bearbeiteten Seite referenzieren. 6. Durchsuchen Hier kann man nach allen Elementen im Repository gesucht werden. 24

25 1. Komponenten (Paragraphen) Liste aller Komponenten, die auf der Seite verwendet werden können 2. Seiten Seite und deren Eigenschaften bearbeiten 3. Info Auditprotokoll und Berechtigungen einsehen 4. Versionierung Version erstellen und wiederherstellen Anzeige der Version zu einem bestimmten Zeitpunkt 5. Workflows Workflow starten, wie zum Beispiel die Anforderung zur (De-)Aktivierung einer Seite 6. Reload Seite neu laden. Kann manchmal notwendig sein, um die gemachten Veränderungen auch wirklich anzuzeigen. 7. Webseiten Damit verlässt man den Editiermodus und öffnet die Websites-Ansicht 8. Scaffolding Damit lässt sich ein Gerüst für die Erstellung von Seiten bauen. Nicht Teil der Schulung 9. Design Mode Nur für Entwickler und nicht Bestandteil der Schulung 10. Preview Voransicht der Seite, wie sie nach der Publikation im Web aussehen wird. Hilfreich auch bei Seiten mit Komponenten, die aus technischen Gründen im Bearbeitungsmodus anders dargestellt werden 11. Edit Wechselt in den Bearbeitungsmodus. 25

26 26

27 Die Komponenten im Sidekick kann man auf den Seiten frei verwenden, um die Seite nach eigenem Gutdünken zu gestalten. Auf den folgenden Seiten wird jede Komponenten näher erklärt. 27

28 28

29 29

30 30

31 31

32 32

33 33

34 This component allows to integrate multiple images as a slideshow on a page. Features Slide position indicator Forward/Backward scrollers Main slideshow image Thumbnail of all the slideshow images 34

35 35

36 Diese Komponente erlaubt, Information in tabellarischer Form zu organisieren. 36

37 37

38 38

39 Tab/Accordion component Container for multiple Tab/Accordion Item components Each Tab/Accordion Item represents a «tab» Edit dialog allows display mode selection: Tabs or Accordion style Tab/Accordion Item component configuration: Container for any displayable components (i.e. textimage, table, link, etc.) Edit dialog allows the section title specification 39

40 For the moment, the preview with the Sidekick option does not work. Use the provided Preview in new window link to check the output 40

41 41

42 42

43 43

44 44

45 Unter Linkziel kann auch eine externe URL manuell eingegeben werden. Dabei ist darauf zu achten, dass das das Protokoll ( oder dem Link vorangestellt wird, damit einerseits der Link funktioniert und andererseits auch das korrekte Icon für externe Links angezeigt wird. In der Regel sollten Links, die auf Seiten verweisen, die nicht Teil des ETH-Webs sind, in einem neuen Fenster geöffnet werden. 45

46 Die Komponente ermo glicht, Adressinformationen und Kartenmaterial zu ETH-Gebaüden in Web-Pages einzubauen. Die Komponente greift dabei auf bestehende Datenquellen zu, die auch heute schon fu r das ETH-Web genutzt werden. Benoẗigt werden eine Komponente mit Suchmo glichkeit in einem definierten Datenbestand sowie eine Komponente, bei der bereits ein Gebaüde durch den Redaktor gewaḧlt wurde und nur dessen Adressinformationen und Karte angezeigt werden. 46

47 47

48 Diese Komponente erlaubt, Text als Zitat gekennzeichnet in einer Seite einzubauen. Das Element soll einen Fliesstext an definierten Stellen (nur zwischen Absätzen) trennen können. Ein Zitat beinhaltet: Zitat-Text (Freitext, obligatorisch, Anführungszeichen sind vom Autor manuell hinzuzufügen als Teil des Textes, in Zeichenzahl begrenzt, 250 Zeichen) Als Anführungszeichen müssen deutsche, französische und englische Varianten möglich sein (in der Liste der einfügbaren Sonderzeichen integrieren?) Byline (Autor und Werk, obligatorisch, in Zeichenzahl begrenzt, Vorschlag: 250 Zeichen) Allows insertion of a quotation The quoted text limited to 250 characters The quotations symbols are added manually using the different styles (German, French, English) available in Special Characters tool button superscript and subscript styles The publication source is limited to 250 characters 48

49 49

50 50

51 51

52 52

53 53

54 54

55 55

56 56