Typo3. Thomas Lüthi. Beitrag zur "CMS-Battle" vom 7. Juni 2010 Campus Bern.

Größe: px

Ab Seite anzeigen:

Download "Typo3. Thomas Lüthi. Beitrag zur "CMS-Battle" vom 7. Juni 2010 Campus Bern. www.tomogramm.ch. http://campus.meteotest.ch/"

Gerd Färber
vor 7 Jahren
Abrufe

1 Typo3 Beitrag zur "CMS-Battle" vom 7. Juni 2010 Campus Bern Thomas Lüthi

2 Mein Bezug zu Typo3 Ich verwende Typo3 seit 2007 Ich habe bisher ca. 20 Projekte damit realisiert Typo3 ist für mich die eierlegende Wollmilchsau Ich bin begeistert von Typo3

3 Typo3 - Allgemeines Web-Content-Management-System/Framework Open Source (GPL) grosse Verbreitung (ca. 300'000 Installationen) grosse und aktive Community, insbesondere im deutschsprachigen Raum zahlreiche Erweiterungen (Extensions) für diverse Aufgaben (z.b. Formulare, Nachrichten, Foren, Gästebücher, Galerien, Web-Shops,...)

300'000 Installationen) grosse und aktive Community, insbesondere im

4 Typo3 Features (1) Web-basiertes CMS Online-WYSIWYG-HTML-Editor Backend in vielen Sprachen verfügbar Unterstützung von mehrsprachigen Websites Mehrere unabhängige Websites und Domains in einer Typo3-Installation möglich. ca Extensions verfügbar Eigene Extensions können programmiert werden (PHP/TypoScript, auch mit DB-Zugriff)

Websites und Domains in einer Typo3-Installation möglich. ca.

5 Typo3 Features (2) Versionierung, Workspaces (Entwurf/Live) Rückgängig-Machen von Änderungen Zeitliche Steuerung der Anzeige von Inhalten und Seiten (z.b. "Nur anzeigen vom ") Passwortschutz für Seiten + Unterseiten, einzelne Seiteninhalte sowie Download-Dateien Backup von ganzen Websites mit allen dazugehörigen Einstellungen und Dateien in einem Paket (.t3d) und einfaches Einspielen auf einen neuen Server

6 Typo3 Features (3) Benutzerverwaltung (Gruppen und Einzelpersonen/-accounts) Rollen im Backend: Administrator (mit allen Rechten) Redaktor (mit eingeschränkten, fein einstellbaren Rechten, z.b. nur 1 bestimmte Seite bearbeiten) Rollen im Frontend: registrierter/angemeldeter Benutzer (mit Zugang zu passwortgeschützten Seiten und Inhalten) normaler Benutzer

7 Typo3 Voraussetzungen (1) Webserver Betriebssystem: Unix/Linux, Windows, Mac OS Webserver: Apache, MS IIS PHP 5.2 Datenbank: MySQL 5 (oder PostgreSQL, Oracle u.a.m.) ggf. GraphicsMagick/ImageMagick/GDLib/FreeType (z.b. für graphische Menüs, automatische Bild-Skalierung) Leistungsfähiger Prozessor, min. 256 MB RAM ca. 35 MB Harddisk-Platz für Typo3 selbst

) ggf. GraphicsMagick/ImageMagick/GDLib/

8 Typo3 Voraussetzungen (2) Client (Administrator/Redaktor) Moderner Browser (Firefox, MS IE ab 5) JavaScript, Cookies, Referrer, Pop-Ups schneller Internetzugang von Vorteil Client (Besucher) Beliebiger Browser (abhängig von den Inhalten) Cookies (für passwortgeschützte Inhalte)

schneller Internetzugang von Vorteil Client (Besucher) Beliebiger

9 Typo3 Installation (1) Aktuelles Paket "Source + Dummy (zip)" von herunterladen (ca MB) und ZIP lokal entpacken ca. 32 MB / 5250 Dateien (!) Ordner/Dateien per FTP hochladen Kaffeepause :-) im Browser abrufen Installations-Wizard Schritt für Schritt durchspielen (Datenbank-Zugangsdaten eingeben, gewisse Einstellungen anpassen u.s.w.)

32 MB / 5250 Dateien (!) Ordner/Dateien per FTP hochladen Kaffeepause :-) www.example.

10 Typo3 Installation (2) HTML-Template, CSS-Dateien und Bilder hochladen (per FTP oder im Browser/Backend) Seitenbaum erstellen Konfiguration ("Setup") mittels TypoScript: Ersetzen von Platzhaltern im HTML-Template Erzeugen von Menüs Einbinden von CSS-Dateien

Konfiguration ("Setup") mittels TypoScript: Ersetzen von

11 Typo3 Backend Bereich "Template" / Konfiguration

12 Typo3 HTML-Template Klassisches HTML-Template mit Platzhaltern (Typ "Marker") <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <title>typo3-template</title> <meta http-equiv="content-type" content="text/html; ISO " /> </head> <body>  <div id="kopf">  </div> <div id="navigation"> ###NAVIGATION### </div> <div id="inhalt"> ###INHALT### </div> <div id="fusszeile">  </div>  </body> </html>

org/1999/xhtml"> <head> <title>typo3-template</title> <meta http-equiv="content-type" content="text/html; ISO-8859-1" /> </head> <body> <!

13 Typo3 Konfiguration (1) Typo-Script zum Verwenden des HTML-Templates: seite = PAGE seite.10 = TEMPLATE seite.10 { template = FILE template.file = fileadmin/user_upload/templates/main.html workonsubpart = DOKUMENT }

14 Typo3 Konfiguration (2) HTML-Template (Auszug): <div id="inhalt"> ###INHALT### </div> Typo-Script zum Ersetzen des Platzhalters durch den Inhalt: seite.10.marks.inhalt < styles.content.get Resultat (ausgegebenes HTML): <div id="inhalt"> <h1>überschrift</h1> <p>text</p>  </div>

Inhalt: seite.10.marks.inhalt < styles.content.

15 Typo3 Konfiguration (3) HTML-Template (Auszug): <div id="navigation"> ###NAVIGATION### </div> Typo-Script (vereinfacht!) zum Ersetzen des Platzhalters durch eine automatisch erstellte Navigations-Liste: seite.10.marks.navigation = HMENU seite.10.marks.navigation { wrap = <ul> </ul> 1 = TMENU 1.NO.linkWrap <li> </li> } Resultat (ausgegebenes HTML): <div id="navigation"> <ul> <li><a href="#">startseite</a></li> <li><a href="#">über uns</a></li> </ul> </div>

navigation = HMENU seite.10.marks.navigation { wrap = <ul> </ul> 1 = TMENU 1.NO.

16 Typo3 Konfiguration (4) Typo-Script zum Einbinden von CSS-Dateien: seite.includecss { file10 = fileadmin/user_upload/css/print.css file10.media = print file20 = fileadmin/user_upload/css/screen.css file20.media = screen,projection file20.title = Bildschirm-Stil } Resultat (ausgegebenes HTML): <head> <link rel="stylesheet" type="text/css" href="fileadmin/user_upload/css/print.css" media="print" /> <link rel="stylesheet" type="text/css" href="fileadmin/user_upload/css/screen.css" title="bildschirm-stil" media="screen,projection" /> </head>

title = Bildschirm-Stil } Resultat (ausgegebenes HTML): <head> <link rel="stylesheet" type="text/css"

17 Typo3 - TemplaVoilà Alternative zu klassischen HTML-Templates Erlaubt es, die zu ersetzenden Bereiche in einem Template in einem grafischen Modus zu definieren (Klick ins angezeigte Template) Flexible Content Elements Inhaltselemente mit vordefinierten Feldern, z.b. für einen Teaser: Titel, Bild, Text, Verlinkung

definieren (Klick ins angezeigte Template) Flexible Content Elements

18 Typo3 Backend (1) Übersicht / Seitenbaum / Seiteninhalte

19 Typo3 Backend (2) Online-"WYSIWYG"-Editor

20 Typo3 Vorteile Typo3 kann (mit Extensions) "fast alles" "Die eierlegende Wollmilchsau" grosse Verbreitung, aktive Community Für viele Probleme findet man die Lösungen in Foren- und Mailinglist-Archiven u.s.w. (relativ) bequeme Bedienung für Redaktoren, z.b. Hinzufügen/Bearbeiten von Seiten/Inhalten

findet man die Lösungen in Foren- und Mailinglist-Archiven u.s.w.

21 Typo3 Nachteile Typo3 ist sehr komplex! hoher Lernaufwand für Administratoren hohe Anforderungen an den Webserver Die offizielle Dokumentation für Typo3 selbst sowie für einige Extensions ist sehr chaotisch, lückenhaft, z.t. total veraltet.

22 Typo3 - Links Offizielle Website (englisch/z.t. mehrsprachig): Download Typo3 (.zip/.gz) + Extensions (.t3x), Dokumentation, Community (Mailinglists, Chat) Deutschsprachige Website: Deutsche Dokumentation, Foren Allgemeiner Artikel zu Typo3, Bücher-Liste

23 Typo3 Buch-Tip Frank Bongers, Andreas Stöckl Einstieg in TYPO3 4.3 Installation, Grundlagen, TypoScript und TemplaVoilà 554 Seiten 4., aktualisierte und erweiterte Auflage 2010, Verlag: Galileo Computing ISBN: Buch + DVD ca. CHF 50.- / EUR 30.- E-Book (PDF) ca. CHF / EUR (Tip von Thomas Lüthi und ix)

Ähnliche Dokumente

Datenbanksysteme SS 2007

Datenbanksysteme SS 2007 Frank Köster (Oliver Vornberger) Institut für Informatik Universität Osnabrück Kapitel 9d: Datenbankapplikationen Architektur einer Web-Applikation mit Servlets, JSPs und JavaBeans