Typo 3 - Schulung Dipl. Betr.-Wirtin (FH) Beate Oberländer FG Wirtschaftsinformatik FB WIW

Transkript

1 Typo 3 - Schulung

2

3 Typo3 = Enterprise Web Content Management System Lizenz GPL (GNU Public License)- frei und kostenlos Zielgruppe kleine bis mittlere Unternehmen Trennung von Inhalt (Content) und Layout für den Web- Auftritt Content(Inhalt)-ablage in DBMS (MySQL) Präsentationssteuerung des Inhalts über Templates Templates als Design-Vorlagen für Corporate Design des Web-Auftritts HTML und/ oder TypoScript Navigation (Menüs, Sitemap, Klickpfade) und Such- Funktionen werden automatisch generiert

4 Layout Content

5 Bearbeitung der Inhalte und die Administration mit jedem modernen WWW-Browser Typo3-Arbeitsumgebung im WWW-Browser mit Modulen zur Content-Bearbeitung(Redakteure) Administration (Content, Redakteure, Frontend-User, DB, Installation, Konfiguration) Frontend Präsentation der Inhalte im Web Frontend-Editing (Frontend für Redakteure mit Bearbeitungsmöglichkeiten)

6 Frontend

7 Typo3 ist ein Online-Redaktionssystem und verwendet als Client einen üblichen Browser mit dem von jedem Ort mit Online-Zugang zeitunabhängig an einer Web-Site geändert werden kann. Dazu müssen im Browser Einstellungen vorgenommen werden: 1. Aktivierung von "JavaScript 2. die richtigen "Browser-Cache"-Einstellungen und die 3. Einstellungen zum Akzeptieren von "Cookies". Am Bsp. Internet Explorer

8 1. Aktivierung von "JavaScript Menüleiste Extras - Internetoptionen Karteikarte Sicherheit Internet - Button Stufe anpassen Sicherheitseinstellungen Scrollen bis zu den Einstellungen Active Scripting - aktivieren 2. die richtigen "Browser-Cache"-Einstellungen: Karteikarte Allgemein - Einstellungen: Aktivieren der Option: "Bei jedem Zugriff auf die Seite". 3. Einstellungen zum Akzeptieren von "Cookies : 5.x Karteikarte Sicherheit - Internet Button Stufe anpassen Sicherheitseinstellungen Scrollen bis zu den Einstellungen für Cookies - Optionen "Cookies annehmen, die gespeichert sind" und "Cookies pro Sitzung annehmen (nicht gespeichert)" aktivieren 6.x Karteikarte Datenschutz Erweitert "Automatische Cookiebehandlung aufheben und "Cookies von Erstanbietern und "Cookies von Drittanbietern" - Einstellung "annehmen aktivieren

9 Entwickler (HRZ) Administratore(n) (HRZ) Benutzergruppe(n) Benutzer = + + Zugriffsrechte Datenbanktabellenzugriff Eigentümer Erlaubte Seitentypen/ -felder Gruppenmitgliedschaft Funktionen (Module) Microsoft Excel-Arbeitsblatt Seitenoperationen Dateioperationen Seitenzuordnung

10 (1) Modulleiste - oberste Ebene zur Auswahl des jeweiligen zu bearbeitenden Modules (2) Navigationsleiste - bildet die Navigation für das gewählte Modul ab (3) Detailansicht - stellt den eigentlichen Arbeitsbereich für den Nutzer dar (1) (3) (2)

11 Modul Benutzer Aufgaben Einstellungen Eigene Notizen des -Benutzers WIW Speziell

12 Modul Benutzer Aufgaben Einstellungen WIW Speziell Post aus Typo-. Die Mail erscheint in jedem Mailprogramm. Absenderadresse ist der Server apache. Die Absenderadresse ist nicht sichtbar.

13 Modul Benutzer Aufgaben Einstellungen WIW Speziell Benutzer-Einstellungen: Sprache Passwort ändern Aufbau des Navigationsfensters Rekursives Löschen/ Kopieren erlauben!!!

14 Modul Datei Dateiliste Bilder Der Modul gestattet -Benutzern Dateien, die als Content benötigt werden auf den Typo- Server hochzuladen, um Sie für die Anzeige im Frontend zur Verfügung zu stellen. Beachte: Ordnerstruktur Dateiliste = Seitenbaum WIW Unterordner immer im entspr. Zweig anlegen Ordnerstruktur ist nicht durch Benutzerzugriffsrechte geschützt, darum Vorsicht beim Löschen! Bestehendes nicht umbenennen! Bilddateigröße <= 1 MB

15 Anlegen und bearbeiten neuer Webseiten mit verschiedenen Inhaltselementen (Content) Id = eindeutige Identifikation der Seite in der DB-Tabelle pages Jeder -Benutzer hat mindestens Leserechte für jede Seite innerhalb des Fachbereichs! Bearbeitungsmöglichkeiten einer Seite = Ergebnis der Zugriffsberechtigungen aus Benutzergruppe und Zugriffsrechten der Seite für den Benutzer

16 Kontextmenü im Modul-Bereich "Web -Klicken im Seitenbaum auf das jeweilige Icon zeigt verschiedene Aktionsmöglichkeiten:

17 Neue Seite: Seite ist generell versteckt Generell vorgeschlagener Typ/ weitere Typen Seitentitel ist Pflicht! Alias?! Seite nicht im Menü anzeigen Stellt Datensätze anderer Seiten zur Verfügung Zugriff im Frontend zeitlich u. personell eingrenzen

18 Seitentypen: Standard Erweitert: mehr Informationen für die Seite hinterlegen und "Plugins" zur Erweiterung des Funktionsumfanges einer Seite einfügen. Externe URL: einen Link zu einer externen Seite innerhalb der Menüstruktur einbinden Shortcut: wie "Externe URL", der Verweis erfolgt auf eine interne Typo3-Seite Nicht im Menü: wie Standard mit nicht im Menü aktiviert Benutzer Bereich: nur für Benutzer sichtbar, die Leserecht für die Seite im haben Abstand:dienen zur Strukturierung der Menüs für das Frontend der Webseite, nicht klickbar SysOrdner: wird nicht auf der Website abgebildet, Container für verschiedene Eintragungen Papierkorb: Seiten verschieben ohne sie endgültig zu löschen Mount:

19 Content = Seiteninhalt Inhaltstypen Inhalte die eigentlichen Informationen auf der Website, Zuordnung zu den und Abbildung der einzelnen Seiten Contentbereich Normal verwenden

20 Übung: Erstellen eines Seitenbaumes unter Training\WIW_<Benutzer> 1. Zur Person, Verweis zu Aufgaben, Mailadresse mit Formular 2. Aufgaben 3. Downloads 4. Home des Fachbereichs Die Seite Aufgaben soll nicht im Menü sichtbar sein. Die Seite Downloads soll 2 Rubriken mit Inhalt zum DL enthalten : Dokumente Software Die Seite Home soll auf den Inhalt der vorhandenen Seite Home verweisen. Welche Seitentypen werden verwendet? Welche Contentelemente werden benötigt? Welche weiteren Seiten wären noch für Inhalte denkbar?

21

22 Weitere Module: Anzeige-Modul ermöglicht den Bearbeitungszustand einer Seite mittels Vorschau zu betrachten und gleichzeitig Veränderungen vorzunehmen ("Frontend-Editing"). Der Bleistift markiert hierbei die Inhaltselemente, die bearbeitet werden können. Listen-Modul gibt den besten Überblick und Zugriff auf die einzelnen Datensätze einer Seite, die für den jeweiligen Benutzer zugänglich sind. Inhaltselemente, Erweiterungen oder spezielle Templates für die Seite werden übersichtlich aufgelistet. Seiten-Header oder Inhaltselemente können bearbeitet, Reihenfolge der Inhalte leicht geändert, kopiert, verschoben oder der Änderungs-verlauf eines Datensatzes angezeigt werden. Modul Funktionen ist ein weiteres Hilfsmittel zur Massenbearbeitung von Datensätzen. Modus "Wizard" erlaubt das schnelle, automatische Anlegen ganzer Seitenstrukturen oder deren Umsortieren nach Seitentitel, Untertitel, Änderungszeitpunkt oder Erzeugungszeitpunkt.

23 Weitere Module: Info-Modul enthält wichtige statistische Informationen zur Seite. Modus "Seitenbaum-Übersicht" zeigt Seiteninformationen (wann und von wem erzeugt), Zeitpunkt der letzten Änderung, Keywords, Inhaltsangabe, Status, etc.), den Seitenbaum der Seiten tieferer Ebenen. Der Seitenbaum liefert den Überblick über zeitgesteuertes Publizieren, Cache und Alter von Seiten, die Art der Datensätze. Modus "Zugriffsstatistik", liefert eine seitenbezogene Auswertung des Traffics auf der Website. Modus Log" hilft die Änderungsprotokollierung der Seiten und Datensätze, Entwicklungen nachzuverfolgen und bei Bedarf einen falschen Bearbeitungsverlauf rückgängig zu machen. Zugriff-Modul dient der Steuerung der für - Benutzer auf einzelne Seiten. Einzelne Benutzer und Benutzergruppen können als Besitzer einer Seite definiert und deren (Lesen, Bearbeiten, Löschen, Neu Anlegen) festgelegt werden.

24 News-Plugin und Datensätze "News" ist ein Frontend Plugin und verwaltet Nachrichten. Diese werden als Datensätze vom Typ News dargestellt. Webseite News des Fachbereichs Content 1, Plugin->News News-Eintrag 1 News-Eintrag 2 Content 2, Dateilink" (pages) (tt_content) (tt_news) (tt_news) (tt_content)

25 News-Plugin konfigurieren Contenttyp= News-Plugin Überschrift= Seitentitel Anzeigeoptionen der zugeordneten Datensätze Seite der Datensatzablage Zugriff zeitlich u. personell eingrenzen

26 Browserein - stellungen WIW Speziell News-Datensätze anlegen Prinzipielle Vorgehensweise zur Anlage und Zuordnung von Datensätzen am Bsp. News: Im entsprechenden Seitenbaum Neuen Datensatz anlegen anklicken Im Folgedetailfenster Datensatzart News wählen Generell: News-Datensätze werden im versteckten Seitenbaum unter News-Einträge der entsprechenden Rubrik (bspw. News für Studenten ) angelegt Hinweis: Anzeige erfolgt über den Verweis im Plugin der anzuzeigenden Seite News

27 WIW Speziell Newstyp Erstellungsdatum/ -zeit Beginn/ Endedatum/-zeit der Anzeige im Frontend Archivdatum immer setzen Name und des Erstellers Text der News mit verschiedenen Formatierungsmöglichkeiten Bild und Bildtext der News Verweise zu anderen Seiten Weitere Dateien

28 Komplexere News erstellen am Bsp. Emeritierung Prof. Härdler Titel Erstellungsdatum Ersteller Untertitel Typ Link zu interner Seite + Shortcut bzw. Link zu externer URL + URL der entspr. Seite liefern den Inhalt

29

30 Photobook-Plugin Photobook-Funktion: Anzeigen Pfad, der die anzuzeigenden Bilder enthält: Modul Datei - Dateiliste WIW Speziell

31 Besseres Anmeldeformular WIW Speziell Contentüberschrift im BE und im FE Überschrift und Meldungstext des Def- Bereiches der Plugin-Option und die Position im FE

32 Zugriffsschutz auf Seitenebene kann niedriger sein als auf Content- oder Datensatzebene: Bsp.: Die Seite ist für alle Benutzer der Gruppe wiwi_mit_studenten sichtbar Ein Datensatzeintrag zu einem Contentelement ist nur für die Benutzer der Gruppe sichtbar

33 Aufgabe: 1. Anlegen einer Seite für News 2. Notwendiges Contentelement für News erstellen 3. News-Datensätze 3.1. Einfacher News-Datensatz mit Bild 3.2. News-Datensatz mit Belegung des Links Mehr 3.3. News-Datensatz ohne Bild gleicher Inhalt wie Vergleichen 3.1. und 3.3.???? 4. Photo-Galerie anlegen 5. Nicht im Menü sichtbare Seite für News-Einträge erstellen 6. News-Datensätze auf diese Seite verschieben so konfigurieren, dass alle Einträge unter 6. angezeigt werden

34 Aufgabe: 7. Zugriffsschutz für News-Seite einstellen 8. Welches Plugin wird benötigt zum Sichtbarmachen? 9. Zugriffsrechte für einzelnennews-eintrag weiter einschränken?

35 ??????