Allgemeine Einführung Elisabeth Beyrle Stefan Paffhausen

Transkript

1 Allgemeine Einführung Elisabeth Beyrle Stefan Paffhausen

2 Ablauf Allgemeines über Typo3 Unterschiede zu Drupal Oberfläche des Typo3 Backends Erstellen einer Seite

3 Typo3 Open-Source Content-Management-System für Websites aktuelle Version von dem Dänen Kasper Skårhøj entwickelt und 1998 erschienen Name Typo3 entstand, da Skårhøj durch einen Tippfehler (engl.: typing error, Abk.: typo ) einen Teil seiner Entwicklungsarbeit verlor; die Zahl 3 wurde nach dem Markterfolg der dritten Version hinzugefügt Das System wird von dem ursprünglichen Autor und einer Community aktiv weiterentwickelt

4 Anforderungen Installation auf Webserver und Nutzung durch Webbrowser Mittlere Anforderungen an Leistungs- und Konfigurationsfähigkeit des Servers Einarbeitungszeit für Entwickler mehrere Monate, für Autoren/Redakteure wenige Minuten bis einige Stunden Tutorials und Schulungsvideos auf der offiziellen Typo3 Website: Kein Support vom Hersteller, aber durch Anwendergemeinde (Foren, News-/Mailinglisten) und zahlreiche Web-Agenturen

5 Struktur Einheitliches Interface (Unified Interface): Typo3-Struktur ist eine Sammlung aus Extensions Alle Extensions werden in ein einheitliches Interface eingegliedert

6 Struktur Server Ebene: Unter Typo3 liegt PHP als Programmiersprache Als Database wird häufig MySQL verwendet (auch PostgreSQL, Oracle) Normaler Webserver wie Apache

7 Struktur Extensions/Erweiterungen: Erweiterungsmodule im Typo3 Extension Repository (TER), die von Mitgliedern der Entwickler-Community beigetragen wurden -> Im Menü: Extension Manager bietet aktuell über 6000 Erweiterungen an, mit denen der Benutzer sein System an seine Bedürfnisse anpassen kann Viele Funktionen und Anwendungsprogramme können mittels Plugins erweitert werden, ohne dass eigener Programmcode geschrieben werden muss

8 Struktur Typo3-Kern (Core): Der TYPO3-Kern ist ein Universalsystem zur Verwaltung von Datenbankinhalten kontrolliert und entwickelt von der Core Group Nutzerverwaltung und Integriertes Rollen- und Rechtesystem, suchmaschinenfreundliche Websites und automatische Sitemap Durch die Typo3-Erweiterung für API (Application Programming Interface) verbinden sich alle Erweiterungen mit dem Kern von Tyop3.

9 Frontend und Backend Frontend: Erzeugte Website, die Besucher sieht Inhalte werden durch Templates dargestellt und können vereinfacht bearbeitet werden Backend: Nutzerverwaltung und integriertes Rollen- und Rechtesystem Suchfunktion für statische und dynamische Inhalte Steuerung zum Ein- und Ausblenden von Inhalten -> 3 Hauptnutzungsbereiche des Backends: 1. Erstellung des Website-Designs, 2. Konfiguration mittels Typoscript, 3. Eingabe und Bearbeitung des Website-Inhalts

10 Vorteile Kann mit Plugins, um viele Funktionen und ganze Anwendungsprogramme erweitert werden, ohne dass eigener Programmcode geschrieben werden muss Oft mehrere Wege möglich, um einen Arbeitsschritt auszuführen Durch WYSIWYG-Editor können auch Anwender ohne HTML-Kenntnisse, redaktionelle Arbeit erledigen Mehrsprachigkeit von Front- und Backend sehr aktive Anwender- und Entwicklergemeinde aus aller Welt

11 Nachteile Typo3 ist für umfangreiche und komplexe Websites gedacht und nicht um eine Homepage mit geringem Umfang zu gestalten. Gute Kenntnisse in Typoscript sowie Grundkenntnisse in HTML, CSS und am besten auch in PHP, XML und MySQL sind notwendig. Gutes Durchhaltevermögen ist gefragt, trotz vieler Hilfsangebote in Foren und Büchern

12 Typo3 vs. Drupal

13 Oberfläche des Typo3 Backends Login: dop Passwort:PWfürDOP

14 Obere Statusleiste Nutzername Logout Lesezeichen setzen Suchleiste

15 Modulleiste 1.Page: Seiten erstellen u. bearbeiten 2.Page: Seiteninfo und Inhalt View: zeigt Frontend der ausgewählten Seite List: Bearbeiten von Datensätzen Statistics: Zugriffsstatistiken Info: Logbuch Access: Nutzerberechtigungen Functions: Sortieren, mehrere Seiten erzeugen Nachrichten: Systemnachrichten Filelist: Hinterlegte Dateien Task Center: Interne ToDo Liste User Settings: Admin Informationen

16 Modulleiste User Admin: Benutzer anlegen/bearbeiten Extension Manager: Plugins für Typo3 DB check: Prüfen der DB auf Fehler Configuration: Einstellungen im Quellcode Install: Zusätzliche Module installieren Log: Protokoll Reports: Detaillierte Informationen zu Diensten Scheduler: Terminierte Ausführung von Aufgaben

17 Zugriffsrechte Aktionen der Nutzer erlauben / verweigern

18 Seitenstrukturbaum Testseiten WS 2013/14: Seiten für jeden Nutzer Funktionsmenü: Alle Punkte auf dem Frontend ganz oben

19 Erstellen einer Seite

20 Neue Seite / Datensatz Position in der Baumstruktur wählen

21 Arbeitsbereich Zonen in welchen auf dem Frontend die Inhalte dargestellt werden sollen

22 Mini-Menü Bei Mouseover: Bearbeiten Verbergen/Anzeigen Kopieren Verknüpfung erstellen Ausschneiden Verknüpfung entfernen

23 Neue Inhaltsseite erstellen

24 Seiteninhalt bearbeiten Beispiel: Nur Text Überschrift Typ (Layout) Ausrichtung Datum Direkt Link Inhalt

25 Backend Frontend

26 Vielen Dank für eure Aufmerksamkeit!