content management mit typo3 - Webportfolio Manfred Schappe

Hochschule Harz, Hochschule für angewandte Wissenschaften (FH), Friedrichstrasse 57-59, 38855 Wernigerode
Ein Praxissemesterbericht von
Manfred Schappe, Matrikelnummer 13668
Fachrichtung Medieninformatik (BA)
11. September 2009
CONTENT MANAGEMENT
MIT TYPO3
Begleitet und betreut durch Prof. Jürgen K. Singer, Ph.D. (USA)

VORWORT
Vorwort
Formale Angaben zum Praxissemester
Das Praktikum wurde über einen Zeitraum von 20 Wochen in der Zeit vom 08.05.2009 bis
30.09.2009 durchgeführt. Ausbildungsbegleitendes Unternehmen / Praktikumsbetrieb war hierbei
die Harzer Medien GmbH in Goslar. Als Beauftragter für die Betreuung seitens der Praktikumsstelle
wurde Herr Lars Grollmisch benannt, hochschulseitiger Betreuer war Prof. Jürgen K. Singer, Ph.D.
(USA).
Auszug aus dem “Praktikumsleitfaden für Studierende” der Hochschule
Harz vom 19.05.2009
“[...] Ziel der studienbegleitenden Praktika ist es, eine enge Verbindung zwischen dem Studium und
der Berufspraxis herzustellen.
Das 1. Praktikum und das Bachelorpraktikum sind wesentlicher Bestandteil des Studiums an der
Hochschule Harz. Sie dienen der Förderung der Fähigkeiten der Studierenden zum erfolgreichen
Umsetzen wissenschaftlicher Erkenntnisse und Methoden in vorgegebene Praxissituationen.
Die Praktika sollen die Studierenden an die anwendungsorientierte Tätigkeit des Bachelor-Ingenieurs
oder Bachelor-Informatikers heranführen. Die Studierenden erhalten damit Gelegenheit, die
im Studium vermittelten Kenntnisse und Fertigkeiten auf komplexe Probleme der Praxis anzuwenden.
Dabei ist es wichtig, dass sie die verschiedenen Aspekte der betrieblichen Entscheidungsprozesse
sowie deren Zusammenwirken kennen lernen und die Möglichkeit bekommen, Einblicke in
die organisatorische, ökonomische und soziale Struktur des Betriebsgeschehens zu erhalten. [...]
Die Praktika dienen dazu, anspruchsvolle, eindeutige Aufgaben aus dem Fachgebiet unter Anwendung
der im Studium gesammelten theoretischen Kenntnisse in einem Unternehmen zu bearbeiten
und Zusammenhänge zwischen verschiedenen Disziplinen zu erkennen. Daneben dienen
die Praktika dazu, sowohl teamorientierte Arbeitsweisen als auch die generelle berufliche Praxis
und die betrieblichen Abläufe kennen zu lernen. [...]
Die Praktika dienen der Vorbereitung auf die spätere berufliche Tätigkeit. Daraus leitet sich ab, dass
sie im Rahmen der jeweiligen Studienrichtung absolviert werden sollen.
Der Betrieb/Einrichtung, der eine Praktikumsstelle zur Verfügung stellt, muss deshalb grundsätzlich
in der Lage sein, Erfahrungen, Kenntnisse und Fertigkeiten, die sich Studiengebieten der Hochschule
Harz zuordnen lassen, vermitteln zu können.
Die Betriebe/Einrichtungen stellen eine konkrete Aufgabe, die auf den Wissensstand der Studenten
abgestimmt ist und die vom Studierenden gelöst werden muss. Dabei sollte die selbständige Lösung
der betrieblichen Aufgabe im Mittelpunkt stehen.
Der Praktikumsbetrieb soll dem Charakter nach ein solcher Betrieb/Einrichtung sein, der auf einen
späteren Einsatz des Absolventen optimal vorbereitet. [...]”
2

INHALTSVERZEICHNIS
Inhaltsverzeichnis
Abkürzungsverzeichnis
Abbildungsverzeichnis
Kapitel A - Vorstellung der Unternehmung
1.1 Das Unternehmen / Der Praktikumsbetrieb
1.2 Hcmedia als Tochter
1.3 Tätigkeiten im Praktikum
Kapitel B - Aufgabenstellung des Projektes
2.1 Beschreibung Ist-Zustand
2.2 Anforderungen an das neue System / Soll-Zustand
Kapitel C - Einführung in Typo3
3.1 Was ist eigentlich Typo3?
Kapitel D - Vorbereitung des Server
4.1 Installation und Konfiguration des Apache Server
4.2 Konfiguration der MySQL-Datenbank
4.3 Konfiguration von MercuryMail
4.4 Konfiguration von FileZilla FTP
4.5 Installation von ImageMagick
Kapitel E - Aufsetzen von Typo3
5.1 Installation und Konfiguration von Typo3
5.2 Aufbau eines Template
5.3 Anlegen der Benutzer und Benutzergruppen
5.4 Festlegen der Zugriffsrechte
Kapitel F - Erweiterung von Typo3: Extensions
6.1 Backend
6.2 Backend Module
6.3 Frontend
6.4 Frontend Plugins
Kapitel G - Schluss
7.1 Fazit zum durchgeführten Projekt
7.2 Persönliche Erfahrungen
Anlagenverzeichnis
Quellen- / Literaturverzeichnis
4
5
6
7
8
8
9
10
10
12
13
14
15
15
15
16
16
17
18
18
19
19
20
21
21
21
22
23
24
24
25
52
3

ABKÜRZUNGSVERZEICHNIS
Abkürzungsverzeichnis
BVDW
CI
CMS
FTP
GmbH
GNU
GPL
HS
PDF
PHP
SEO
SMTP
SQL
TER
Bundesverband Digitale
Wirtschaft (e.V.)
Corporate Identity
Content Management System
File Transfer Protocol; Netzwerkprotokoll
zur Übertragung
von Dateien über TCP/IP
Gesellschaft mit beschränkter
Haftung
GNU is not Unix; von Richard
Stallman gegründetes Projekt
zur Entwicklung eines Bestriebssystems.
Hierbei wurde die
GNU GPL (s.u.) eingeführt
General Public License; im Rahmen
von GNU (s.o.) entwickelte
Lizenz für die Lizensierung
freier Software
Hochschule
Portable Document Format;
plattformunabhängiges Dateiformat
für Dokumente
PHP: Hypertext Preprocessor
(rekursives Akronym), früher:
Personal Home Page Tools;
Open-Source-Skriptsprache zur
Erstellung dynamischer Webanwendungen
Search Engine Optimization
Simple Mail Transfer Protocol
Structured Query Language;
ANSI- und ISO-standardisierte
Datenbanksprache für relationalen
Datenbanken
Typo3 Extension Repository;
offizielle Sammlung von Erweiterungen
für Typo3
UTF8
XAMPP
XML
XSL
Unicode Transformation
Format (8-Bit); verbreitete
Zeichenkodierung für Unicode-
Schriftzeichen
X Apache MySQL Pearl PHP;
Software-Zusammenstellung,
das X steht für das verwendete
Betriebssystem
Extensible Markup Language;
Auszeichnungssprache zur
Darstellung hierarchisch Strukturierter
Daten in Textform
Extensible Stylesheet Language;
Familie von Transformationssprachen
zur Layout-
Definition für XML-Dokumente
4

ABBILDUNGSVERZEICHNIS
Abbildungsverzeichnis
Abbildung 1: Screenshot bisheriges Intranetportal
Abbildung 2: Eingabemasken in Typo3
Abbildung 3: Grafische Darstellung des verwendeten Template
Abbildung 4: Konfiguration MercuryMail Core-Modul
Abbildung 5: Konfiguration MercuryMail SMTP Server-Modul
Abbildung 6: Konfiguration MercuryMail SMTP RelayClient-Modul
Abbildung 7: Konfiguration MercuryMail End-to-end Client-Modul
Abbildung 8: Module in Typo3
Abbildung 9: Rechtevergabe in Typo3
Abbildung 10: Screenshot neues Intranet
10
13
18
27
28
29
29
40
41
42
5

A
VORSTELLUNG DER
UNTERNEHMUNG
Inhalt des Kapitels:
In diesem Kapitel wird der Praktkumsbeterieb
anhand einiger grundlegender
beteriebswir tschaf tlicher
Daten sowie einem Produktportfolio
vorgestellt. Des Weiteren wird ein
Überblick über die im Praktikum durchgeführten
Tätigkeiten vermittelt.
6

KAPITEL A Vorstellung der Unternehmung
1.1 Das Unternehmen / Der Praktikumsbetrieb
Die Firma Harzer Medien ist eine Gesellschaft mit beschränkter Haftung (GmbH) und wurde
2001 mit Sitz in Goslar gegründet. Sie trägt die Firmierung “hcmedia” und wird im folgenden Verlauf
auch in dieser Kurzform genannt.
Als Internet-Agentur ist sie Mitglied im Bundesverband Digitale Wirtschaft (BVDW) e.V. und bietet
Dienstleistungen in den Bereichen Web-Design und Online-Marketing überwiegend im Regionalbereich
Harz, aber auch überregional an. Die angebotenen Dienstleistungen spiegeln einen Medien-Mix
wieder und umfassen im Einzelnen:
͘ Web- / Screen-Design
• Konzeption von Corporate Design / Corporate Identity (CI)
• Umsetzung in diversen Medien (Flyer, Plakate, Internetauftritten)
• Erstellung von Bewegtbild / Animationen sowie Fotografien, Infografiken und Zeichnungen
͘ Web-Entwicklung / -programmierung
• Entwicklung praxisorientierter Anwendungen für Webprojekte unter der Verwendung von
PHP, MySQL, Javascript, XML, und XSL.
͘ Online-Marketing
• Durchführen von Analysen, Bedarfsermittlungen, Erstellung eines individuellen Konzeptes
sowie dessen Umsetzung.
͘ Redaktionssysteme
• Erstellung und Verwaltung von Content Management Systemen (CMS) auf Basis von
Typo3
• Erstellung und Verwaltung Online-Shops
͘ Suchmaschinenmarketing
• Keyword-Advertising (Analyse, Recherche, Konkurrenzanalyse)
• Einrichtung von AdWords-Konten sowie Erstellung und Durchführung einer AdWords-
Kampagne
• Erstellen und Testen von Direkteinsprungseiten (Landing Pages)
• Optimierung von Anzeigentexten
• Paid Listings
͘ Suchmaschinenoptimierung (SEO)
• Für Webauftritte / Content Management Systeme / Online-Shops
• Individuelle Beratung und Consulting
• On- und Off-Page-Optimierung
• Erstellung / Optimierung auf das Unternehmensziel ausgerichteter Keywords
͘ Online-Redaktion
• Erstellung (Recherche und Texten) von Online-Inhalten
• Überprüfung vorhandener Inhalte auf Zielgruppenorientierung, Stilsicherheit und Pointierung
sowie auf Rechtschreibung, Grammatik, Verständlichkeit und Sprachlogik
• Workshops und Seminare
Hcmedia legt bei seinen Dienstleistungen den Schwerpunkt auf die Gewährleistung von Barrierefreiheit
und Usability sowie die Verwendung von lizensfreien und suchmaschinenfreundlichen
Anwendungen.
Das Unternehmen besteht aus vier Mitarbeitern für die Bereiche Agenturleitung und Redaktion,
7

KAPITEL A Vorstellung der Unternehmung
Design, Programmierung sowie SEO und Marketing. Hinzu kommen Praktikanten und externe
Dienstleister, die projektbezogen eingebunden werden.
1.2 Hcmedia als Tochter
Hcmedia wurde als Tochtergesellschaft der Unternehmensgruppe Medienhaus Krause gegründet
und fungiert seitdem als deren interne Abteilung “Neue Medien”.
Das Medienhaus Krause bietet regionale und überregionale Crossmedia-Dienstleistungen in den
Bereichen Gestaltung, Druck, Webdesign, Logistik sowie Briefzustellung.
Das Medienhaus umfasst / veröffentlicht / ist zuständig für
͘ Tageszeitung “Goslarsche Zeitung”, Auflage: 80.000
͘ Anzeigenblatt “extra am Mittwoch”
͘ regionales Telefonbuch
͘ Veranstaltungsmagazin “Trend”
͘ Buchverlag
͘ Druckerei “creaktiv”
͘ Multimedia-Agentur “hcmedia”
͘ Online-Nachrichten-Portal (www.goslarsche.de)
͘ Citipost
͘ Reise-Service “GZ-Leserreisen”
͘ Konzertkasse
͘ Buch- und Präsent-Shop
Diese Kombination aus Tochterunternehmen, welche alle an einem Standort gebündelt und dadurch
miteinander verzahnt sind, ermöglicht es, (potentiellen) Kunden Crossmedia-Angebote aus
einer Hand zu bieten und gewährleistet einen schnellen und unkomplizierten Workflow.
1.3 Tätigkeiten im Praktikum
Der Praktikumszeitraum wurde nahezu vollständig zur Umsetzung des im folgenden Kapitel
vorgestellten Projektes genutzt. Zur Vorbereitung dessen und einer ersten Einarbeitung in Typo3
erfolgte zu Beginn des Praktikums die Übergabe eines Kundenauftrages, welcher die Umsetzung
eines Layouts in Typo3 beinhaltete. Diese Umsetzung sollte zwar mit Hilfestellung, jedoch weitgehend
selbstständig durchgeführt werden und auch die Kommunikation mit dem Kunden beinhalten.
Parallel wurden in regelmäßigen Abständen Aufgaben übertragen, welche meist die Bearbeitung
vorhandener PHP-Skripte bedeuteten. Es handelte sich um bei Kundenprojekten benutzte Skripte,
welche aufgrund von Änderungswünschen seitens der Kunden den neuen Anforderungen gerecht
werden sollten. Beispielsweise sei hier die Anpassung einer Volltextsuche auf den in russischer
Sprache vorhandenen Teil einer Website genannt, bei der die Schwierigkeit in der Kombination der
verschiedenen Zeichendarstellungen bestand.
Es wurden auch Skripte neu entwickelt, wie z.B. eine Kalenderfunktion mit angehängter MySQL-
Datenbank, in der die zu dem jeweiligen Datum relevanten Einträge gespeichert wurden.
8

B AUFGABENSTELLUNG
DES PROJEKTES
Inhalt des Kapitels:
Überblick über die konkrete Aufgabenstellung
seitens des Praktikumsbetriebes
hinsichtlich des Projektes. Es
wird der bisherige Ist-Zusand sowie
die Anforderungen an den neu zu entwickelnden
Soll-Zustand vorgestellt.
9

KAPITEL B Aufgabenstellung des Projektes
2.1 Beschreibung Ist-Zustand
Im Medienhaus Krause existiert ein Intranet, welches für interne Verwaltungsangelegenheiten
genutzt wird. Es dient als Plattform zur bereits angesprochenen Verzahnung der Tochterunternehmen
und stellt damit einen Teil des übergreifenden Workflow sicher.
Das vorhandene Intranet ist
ein eigenständiges, selbst
entwickeltes System auf Basis
von PHP und MySQL-Datenbanken.
Diesem System
wurden in den vergangenen
Jahren aufgrund hinzukommender
Anforderungen in
unregelmäßigen Abständen
neue Module / Funktionen
hinzugefügt.
Zum Zeitpunkt des Praktikums
haben sich erneut
neue Anforderungen an das
Intranet ergeben.
Die Geschäftsführung wünschte die Einführung bzw. Umstellung auf ein neues System, welches
den aktuellen Stand des Funktionsbedarfs ganzheitlich abbildet. Mit der Umsetzung wurde hausintern
hcmedia beuftragt.
2.2 Anforderungen an das neue System / Soll-Zustand
Abb. 1: Screenshot bisheriges Intranetportal
Das Intranet stellt im Kern eine News-Plattform dar, ergänzt um einige hausspezifische Funktionen.
Da es sich jedoch zum Großteil um redaktionelle Arbeiten handelt, sollte eine Lösung unter
Nutzung von Typo3 eingeführt werden. Dabei waren folgende Vorgaben zu erfüllen:
͘ Bereitstellung eines allgemeinen, öffentlichen Bereiches
͘ Bereitstellung eines allgemeinen, öffentlichen Bereiches
͘ Bereitstellung abteilungsspezifischer Bereiche für Verlag, Redaktion, Anzeigenabteilung,
Verwaltung und Berufsgenossenschaft. Die jeweilige Startseite (1. Ebene) soll öffentlich
zugänglich, folgende Ebenen nur nach Login mit entsprechenden Account erreichbar sein.
Nach erfolgtem Login soll eine automatische Weiterleitung auf die erste Subebene erfolgen
͘ Einrichtung einer Benutzer- / Zugangssteuerung für Front- und Backend sowie der entprech
enden Benutzer- und Administratoren-Accounts
͘ Bereitstellung einer Suchfunktion über alle Kategorien bzw. Bereiche
͘ Generierung automatischer E-Mails an einen Haus-Verteiler bei neuem Eintrag im öffentli
chen Teil (Newsletter-Funktion)
͘ Bereitstellung eines Abstimmungs- / Umfragemoduls (Poll)
͘ Ermöglichung von Multi-Datei-Uploads zu jedem Eintrag (Grafik, PDF, Excel- oder Worddoku
ment)
͘ Übernahme der vorhandenen Telefonliste, Verknüpfung dieser mit mnoch zu erstellenden
Mitarbeiterprofilen
͘ Einführung von Ablauffristen für Einträge / Archiv-Funktion, parallel Limitierung der an
10

KAPITEL B Aufgabenstellung des Projektes
gezeigten Einträge pro Seite auf zehn Artikel
͘ Bereitstellung eines Newsticker für dringliche Einträge
͘ Bereitstellung einer Bildergallerie-Funktion
͘ Bereitstellung eines optisch abgegerenzten Bereiches für Langzeitthemen
͘ Einführung einer Kalender-Funktion
͘ Generierung von PDF zur Ausgabe der Seiten
Die Fertigstellung umfasste die Umsetzung der o.a. Vorgaben in Typo3 sowie die Übernahme bereits
im bisherigen System vorhandener Daten / Einträge (3 Monate rückwirkend).
Gestellt wurde ein mit Windows XP vorinstallierter PC als künftiger Server für das Intranet, darüber
hinaus ggf. notwendige Vorarbeiten an diesem waren ebenfalls Teil der Aufgabe.
11

C
EINFÜHRUNG IN
TYPO3
Inhalt des Kapitels:
Es folgt eine kurze Einführung in den Aufbau
und die Funktionsweise von Typo3.
12

KAPITEL C Einführung in Typo3
3.1 Was ist eigentlich Typo3?
Typo3 ist ein freies, auf mehrsprachigkeit ausgelegtes Content Management und Redaktionssstem
für Websites, welches auf der Verwendung der Skriptsprache PHP und einer Datenbankanbindung
( MySQL, PostgreSQL oder Oracle) basiert. Zusammen mit Drupal und Joomla! gehört es
zu den bekanntesten Content-Management-Systemen aus dem Bereich der freien Software.
Nach eigenen Angaben schätzen die Entwickler, dass Typo3 weltweit mehr als 300.000 Mal eingesetzt
wird 1 .
Für Typo3 ist kein Support durch die Entwickler erhältlich, dafür aber bei der Anwendergemeinschaft.
Eben diese Gemeinde trägt auch zum Funktionsumfang von Typo3 bei. Die Mächtigkeit
von Typo3 erklärt sich durch die einfache Integration von Erweiterungen, sog. Extensions, welche
großteils von der Community entwickelt werden. Der Funktionsumfang von Typo3 kann durch sie
beliebig erweitert werden. Die Extensions stehen nach der Installation und ggf. Konfiguration, abhängig
von der Komplexität, sofort im Live-Betrieb zur Verfügung und ermöglichen die Integration
neuer Inhaltstypen durch die Redakteure. So können beispielsweise auf Ajax basierende Suchfunktionen,
fertige Shopsysteme, Gallerien, Umfrage-Tools, News- und Archivierungssysteme und
andere, häufig auf Webseiten anzutreffende Applikationen ohne eigenen Programmieraufwand
eingebunden werden.
Typo3 wird auf einem Webserver
installiert und mit
einem Webbrowser benutzt.
Die Nutzung gliedert sich in
drei Bereiche: Die Erstellung
des Website-Designs über
eine Formatvorlage (Template),
die Konfiguration von
Typo3 mittels der internen
Konfigurationssprache Typo-
Script und die Eingabe des
Website-Inhalts.
Typo3 unterteilt sich ferner
in Backend und Frontend.
Während das Frontend
die Website nach aussen
darstellt, wird im Backend
die Website verwaltet. Hier
können durch Anwender
redaktionelle Arbeiten erle-
Abb. 2: Eingabemasken in Typo3
digt werden (und werden
damit im Rahmen von Typo3 auch als Redakteure bezeichnet), ohne über HTML-Kenntnisse zu verfügen.
Stattdessen werden die Inhalte über Eingabemasken erfasst.
Die Inhalte werden dabei in einer relationalen Datenbank gespeichert und stehen unabhängig vom
verwendeten Template zur Verfügung. Dadurch kann das Erscheinungsbild einer Internetpräsenz
ohne Berührungspunkte zum Inhalt vollständig geändert werden. Hinzu kommt ein integriertes
Caching-System, welches Ergebnisse häufiger Datenbankaufrufe zwischenspeichert und damit die
Ausgabe der Website beschleunigt.
1 vgl. O.V. (07.09.2009) Internet: http://www.typo3.com/Facts_and_Figures.factsandfigures.0.html
13

D
VORBEREITUNG DES
SERVER
Inhalt des Kapitels:
Beschreibung der vorbereitenden Arbeiten:
Einrichtung und Konfiguration
des S er vers, der Datenbank , des
E-Mail-Clients und -Servers, ImageMagick
sowie des FTP-Dienstes.
14

KAPITEL D Vorbereitung des Server
4.1 Installation und Konfiguration des Apache Server
Benötigt wurde ein lokal betriebener Webserver, die Wahl fiel hier auf einen Apache-Server aus
dem XAMPP-Paket des Apache Friends-Projektes 1 , da dieses neben dem Webserver auch die weiteren
für das Projekt benötigten Komponenten bereits enthält und unter der GNU General Public
License (GPL) 2 freigegeben ist.
Verwendet wurde das XAMPP-Installationspaket Version 1.7.0 für 32-Bit Windows-Systeme mit
folgenden Komponenten:
͘ Apache Webserver Version 2.2.11
͘ PHP Version 5.2.8
͘ MySQL-Client Version 5.1.30
͘ phpMyAdmin Version 3.1.1
͘ MercuryMail Version 4.5
͘ FileZilla FTP-Client Version 0.9.29.
Um die geforderte E-Mail- und PDF-Funktionalität zu gewährleisten, mussten einige Einstellungen
des Apache Servers hinsichtlich SMTP-Einstellungen, Speichergrößen sowie Laufzeitverhalten angepasst
werden. Diese Änderungen finden Sie im � Anhang.
4.2 Konfiguration der MySQL-Datenbank
MySQL benötigt bei Installation mittels XAMPP keine weitere Konfiguration. Es war jedoch die
Anlage einer neuen leeren Datenbank für Typo3 erforderlich, für das Projekt wird eine Datenbank
namens “typo3intranet” mit der Kollation utf8_unicode_ci angelegt, also unter Verwendung des
allgemeinen UTF8-Zeichensatzes. Zusammen mit der später folgenden Einstellung von Typo3 auf
die Nutzung von UTF8 verhindert dies Probleme bei der Speicherung und Darstellung von (insbesondere
deutschen) Sonderzeichen.
4.3 Konfiguration von MercuryMail
Die Realisierung einer Newsletter-Funktion in Typo3 erfordert die Kommunikation zwischen
Typo3 und dem Ihm übergeordneten Webserver. Typo3 nutzt die die mail() Funktion von PHP
und erreicht so den Webserver, welcher die E-Mail per SMTP weiterleitet. Da in diesem Projekt ein
lokaler Server verwendet wird, müssen ein SMTP- Server zum Empfang der Nachricht von Typo3,
ein SMTP-Client zum weiteren Versand an den Provider sowie ein Relais zum Verbinden dieser beiden
Module eingerichtet werden.
Eine entsprechende detailierte Konfiguration der MercuryMail-Module finden Sie im � Anhang.
Typo3 bietet die Möglichkeit der Überprüfung der korrekten Konfiguration aller für die E-Mail-
Funktionalität benötigten Anwendungen durch den Versand einer Testmail mit der E-Mail-Adresse
mail@localhost. Ein entsprechender Benutzer wurde unter MercuryMail eingerichtet und der Test
erfolgreich durchgeführt.
1 vgl. O.V. (07.09.2009) Internet: www.apachefriends.org
2 vgl. O.V. (07.09.2009) Internet: www.gnu.org/licenses
15

KAPITEL D Vorbereitung des Server
4.4 Konfiguration von FileZilla FTP
Der in XAMPP enthaltenen FTP-Dienst FileZilla wird in diesem Projekt lediglich durch hcmedia
zur Wartung und Pflege des Intranet genutzt. Durch die Verwendung des FTP zusätzlich zur
Typo3-internen Dateiverwaltung ist der vollständige Zugriff auf alle relevanten Dateien von außen
möglich.
In diesem Fall musste die Zugangsberechtigung für den Standard-Benutzer anonymous um die von
Typo3 verwendeten Verzeichnisse erweitert werden.
4.5 Installation von ImageMagick
PHP, auf welchem Typo3 aufbaut, benötigt die Programmbibilotheken GD Library (GDLib) und
ImageMagick zur dynamischen Erzeugung und Manipulation von Grafiken. Während GD in der Version
2 bereits in PHP5 enthalten ist, musste ImageMagick zusätzlich installiert werden 3 .
ImageMagick ist als statische Version für Windows 32- und 64-Bit-Systeme lizensfrei erhältlich und
muss in dieser Version lediglich installiert werden, eine weitere Konfiguration ist nicht notwendig.
In diesem Projekt wurde die statische Installationsversion 6.5.4-6 für 32-Bit Windows-Systeme mit
Unterstützung von Grafiken bis 8 Bit Farbtiefe verwendet.
3 vgl. O.V. (07.09.2009) Internet: www.imagemagick.org
16

E
AUFSETZEN VON
TYPO3
Inhalt des Kapitels:
Beschreibung der notwendigen Schritte
von der I nstallation von Typo3 über den
Template -Aufbau zu dem Anlegen von
Benutzern und der Rechtesteuerung.
17

KAPITEL E Aufsetzen von Typo3
5.1 Installation und Konfiguration von Typo3
Nach der Installation von Typo3 und einer Dummy-Webseite, welche beide lizensfrei zum Download
angeboten werden 1 , folgten grundlegende Einstellungen im Installationstool von Typo3.
Benötigt wurden Angaben zur Datenbankanbindung, Administrator-Passwörtern, Pfadangaben zu
den Grafik-Bibliotheken GDLib und ImageMagick sowie Einstellungen zum Zeichensatz und dem
SMTP-Server. Weitere Einstellungsmöglichkeiten sind im Rahmen dieses Projektes nicht vorgenommen
worden.
5.2 Aufbau eines Template
Typo3 benutzt zur Generierung von Seiten die im Backend (durch einen Redakteur) eingegebenen
und in einer Datenbank hinterlegten Inhalte und einen Parser, welcher die Inhalte in einem
Template an entsprechenden mit Markern (gekennzeichnet mit “###”) versehenen Stellen einfügt.
Zur Realisierung der Aufgabenstellung wurde folgender Aufbau des Templates modelliert und
mgesetzt:
Nach diesem Modell wurde eine Template-Datei erstellt und die entsprechenden Marker eingefügt.
Das Template sowie das zugehörige Typoscript-Setup finden Sie im � Anhang. Anschließend erfolgte
der Aufbau im Typo3-Backend. Hier wurden die auf der Webseite darzustellende Seitenstruktur
angelegt.
1 vgl. O.V. (07.09.2009) Internet: www.typo3.org
Abb. 3: Grafische Darstellung des verwendeten Template
18

KAPITEL E Aufsetzen von Typo3
5.3 Anlegen der Benutzer und Benutzergruppen
Im Frontend ist der Großteil der Inhalte durch jeden Nutzer einsehbar. Dazu zählen die Startseite
mit den aktuellen Neuigkeiten, der Newsticker, der Bereich Nützliches und die Infobox, in denen
sich u.a. eine Telefonliste, Betriebsratsvereinbarungen und andere für den Tagesbetrieb relevanten
und hilfreichen Informationen befinden, sowie die Kalender- und die Suchfunktion.
Hinzu kommen Bereiche, welche nur für die jeweiligen Abteilungen nach dem Anmelden mit
Benutzername und Kennwort zugänglich sind. Für die Bereiche wurde je ein Benutzeraccount angelegt,
der durch alle Mitarbeiter der jeweiligen Abteilung genutzt werden kann.
Zur Benutzung des Backends durch die Redakteure müssen ebenfalls Benutzer-Accounts in Typo3
angelegt werden. Dies dient in erster Linie der Sicherheit des Systems, da das Backend über den
Webbrowser erreichbar ist, des Weiteren ermöglicht es aber auch die Vergabe verschiedener Zugriffsrechte
und den Aufbau einer Rechtehierarchie. Im durchgeführten Projekt wurden die Benutzer
und ihre entsprechenden Gruppen auf Basis der real existierenden Zuständigkeiten angelegt.
Es existiert ein mit Vollzugriff versehender Administrator, welche die allgemeine Wartung des Systems
übernimmt. Ihm sind als einzigem einige Funktionen vorbehalten, beispielsweise das Löschen
der Hauptpunkte der Navigation, die Benutzersteuerung, der Zugriff auf das Template und das
Typoscript-Setup und ähnliche kritische Bereiche, welche die Einwandfreie Funktion des Intranet
gewährleisten. Diese Aufgabe wird künftig durch hcmedia versehen.
Weiterhin wurde für jede im Intranet vertretene Abteilung (Redaktion, Anzeigen,....) ein Zugang
eingerichtet. Diese Bereichsadministratoren sind innerhalb ihres Bereiches mit der Pflege des
Content beauftragt und bemächtigt. Sie können Unterseiten und Inhalte bearbeiten, anlegen und
Löschen.
Hinzu kommt ein Administrator für den öffentlichen Bereich, der nach demselben Grundsatz wie
die anderen Bereichsadministratoren angelegt wurde. Er ist für die Pflege der allgemein zugänglichen
und sichtbaren Bereich des Intranet verantwortlich.
Für allen o.g. Nutzer wurde eine entsprechende Benutzergruppe angelegt und eine Zuordnung
druchgeführt. In den Benutzergruppen waren die nachfolgenden Einstellungen vorzunehmen:
5.4 Festlegen der Zugriffsrechte
Die Umsetztung der im vorigen Abschnitt beschrieben Zuständigkeiten erfolgte über die Vergabe
von Rechten an die unterschiedlichen Benutzergruppen.
Hierzu muss im System für jede Gruppe festgelegt werden, welche Module für sie sichtbar und erreichbar
sind. Paralell müssen Zugriffe auf die Verzeichnisstruktur eingestellt werden (so genannte
Filemounts), dabei wurde allen Benutzern das Verzeichnis “user_uploads” zugänglich gemacht.
Weiterhin müssen für die einzelnen im System hinterlegten Seiten die Rechte zum Lesen, Schreiben
und Löschen dieser angegeben werden.
Eine Übersicht über die Typo3-Module und die im Projekt vorgenommene Rechtevergabe befindet
sich Sie im � Anhang.
19

F
ERWEITERUNG VON
TYPO3: EXTENSIONS
Inhalt des Kapitels:
Vorstellung der im Projektverlauf eingeundenen
Erweiterungen für Tyop3.
20

KAPITEL F Erweiterung von Typo3: Extensions
Die Nachfolgend aufgeführten Extensions wurden während des Projektverlaufes nach und nach
importiert und im Typoscript-Setup konfiguriert. Sie werden an dieser Stelle lediglich mit einer
kurzen Beschreibung Ihrer Funktion und Ihrer Verwendung im Projekt dargestellt, die jeweils ausführlicheren
Informationen und Dokumentationen entnehmen Sie bitte dem TER 1 .
6.1 Backend
Extension Kickstarter (“kickstarter”, 0.4.0)
Ermöglicht die Erstellung eigener Extensions. Wurde im Projekt verwendet um das Modul “Hilfe” um
einen selbst erstellten Eintrag “Handbuch” zu ergänzen. Mit diesem kann der Benutzer eine kurze
Referenz zum Aufbau des Intranet und der Pflege von Inhalten als PDF-Datei betrachten.
6.2 Backend Module
Direct Mail (“direct_mail”, 2.6.3)
Ein Newsletter-System. Wird verwendet um intern E-Mails an einen Hausverteiler zu versenden und
so auf neue Einträge im Intrranet hinzuweisen.
UTF8 Site Converter (“convert2utf8”, 1.0.6)
Ermöglicht die Konvertierung von Seiten (bzw. die entsprechenden Inhalte in der Datenbank) in
UTF-8. Die Ausführung erfolgt über einen Befehl im Kontextmenü.
6.3 Frontend
newloginbox redirect (“ sv_login_redirect”, 1.0.3)
Ermöglicht es, Benutzer nach erfolgtem Login automatisch weiterzuleiten. Die Zielseite kann individuell
für jeden Benutzer oder für Benutzergruppen eingestellt werden. Wird im Projekt genutzt
um die Benutzer der einzelnen Abteilungen nach dem Einloggen auf die jeweils erste Unterseite zu
leiten.
Page PHP Content (“page_php_content”, 1.0.1)
Erlaubt die Benutzung von PHP als Inhaltselement. Wird benötigt um die Typo3-extern angelegten
PHP-Skripte (datetime.php., infoboxleft.php, mitarbeiterprofil.php, sendtodaysnews.php, telefonliste.php)
einzubinden.
wt_doorman (“wt_doorman”, 1.1.2)
Tool zur Erhöhung der Sicherheit, Filtert und bereinigt GET- und POST-Parameter (piVars) zur
Verhinderung von XSS (Cross Site Scripting) und SQL Injections. Im Rahmen eines Intranet nicht
zwingend notwendig, jedoch Voraussetzung für andere Extensions.
1 vgl. O.V. (07.09.2009) Internet: www.typo3.org/extensions/repository/
21

KAPITEL F Erweiterung von Typo3: Extensions
6.4 Frontend Plugins
Advanced Banner Management (“macina_banners”, 1.5.0)
Erlaubt die Verwendung und Steuerung von unterschiedlichen Bannern auf verschiedenen Seiten.
Indexed Search Engine (“indexed_search”, 2.11.1)
Ermöglicht eine indizierte Suche.
Indexed Search Engine Templates (“ch_is_templates”, 1.1.14)
Ein Template für die indizierte Suche, welches weitgehend konfigurierbar ist.
Mooslide (“mooslide”, 0.2.2)
Blendet auswählbare Inhalten (Seiten, Spalten, Datensätze etc.) in Form eines Newsticker ein, wobei
umfrangreiche Einstellungen hinsichtlich der Erscheinung möglich sind.
New front end login box (“newloginbox “, 3.1.1)
Eine Alternative zum in Typo3 enthaltenen Login-Formular. Bietet mehr Funktionalität wie
beispielsweise einstellbare Erfolgs-/Fehlermeldungen, Überprüfung auf aktivierte Cookies und
Hilfestellung für den Benutzer im Falle eines Passwortverlusts
News (“tt_news”, 2.5.2)
Stellt ein Newssystem bereit und ermöglicht u.a. die Archivierung von Artikeln. Wurde zur Umsetzung
der Seite “Aktuelles” verwendet.
Quickpoll (“quickpoll”, 1.0.0)
Tool zur Erstellung von Umfragen und Speicherung der erhobenen Daten. Keine konkrete Verwendung
im Projekt, wurde integriert um die Möglichkeit für Redakteure offen zu halten.
SimpleSearchBox (“sl_simplesearchbox”, 0.1.3)
Einfach konfigurierbare und flexible Suchmaske für die indizierte Suche.
wt_gallery (“wt_gallery”, 3.1.1)
Tool zur Erstellung von Bildergallerien. Hier sind die Darstellung von Vorschau- und eigentlichem
Bild auch auf unterschiedlichen Seiten / Spalten möglich. Keine konkrete Verwendung im Projekt,
wurde integriert um die Möglichkeit für Redakteure offen zu halten.
Yet Another Calendar (“ke_yac”, 1.1.1)
Stellt Kalender in verschiedenen Ansichten (Tag, Woche, Monat, Jahr) bereit. Die Ansichten können
miteinander verbunden werden. Wird verwendet um einen Kalender (Monatsansicht) darzustellen
und so auf Termine hinzuweisen. Die einzelnen Termine sind verlinkt und können als Listenansicht
aufgerufen werden.
22

G SCHLUSS
Inhalt des Kapitels:
Resumé und Fazit sowie ein persönlicher
Erfahrungsbericht.
23

KAPITEL G Schluss
7.1 Fazit zum durchgeführten Projekt
Das neue Typo3-basierte Intranet des Medienhaus Krause konnte fristgerecht und unter Erfüllung
sämtlicher gestellter Anforderungen umgesetzt werden. Einen Screenshot des neuen Intranet
finden Sie im � Anhang.
Die nun folgenden, notwendigerweise durchzuführenden Schritte sind die Feinabstimmung mit
den künftigen Redakteuren und deren Einweisung in das neue System, gefolgt von der Umstellung
auf dieses. Für diese Schritte sind die letzten zwei Wochen des Praktikumszeitraumes vorgesehen
und werden in diesem Bericht nicht berücksichtigt.
7.2 Persönliche Erfahrungen
Die eigenständige Einarbeitung in das CMS Typo3 ist eine Herausforderung. Insbesondere der
Umgang mit Typoscript erfordert einen hohen Lern- und Zeitaufwand, da nahezu jedes Element
und jede Erweiterung über dieses konfiguriert werden. Betrachtet man dagegen die einfach gestaltete
Pflege von Inhalten, die auch Redakteuren ohne besondere Kenntnisse ermöglicht wird, ist
die Einführung von Typo3 für Webseiten mit hohem redaktionellen Anteil meiner Meinung nach
aus genau diesem Grund sinnvoll.
Ich betrachte die im Projekt gemachten Erfahrungen als sehr gewinnbringend. Speziell Typo3, aber
auch andere Content Management Systeme sind weit verbreitet und werden auch künftig eingesetzt
werden. Für meine berufliche Zukunft könnte es meiner Einschätzung nach durchaus vorteilhaft
sein, bereits Erfahrungen auf diesem Gebiet gesammelt zu haben.
Doch auch die anderen mir übertragenen Aufgaben waren sehr interessant. Insbesondere was die
Komminikation und den Umgang mit Kunden betrifft, konnte ich aus dem Praktikum viel mitnehmen.
Das Kennenlernen des alltäglichen Betriebs stellt ebenfalls wertvolle Erfahrung war, hier hat
mich das professionelle und gleichzeitig höchst angenehme Arbeitsklima bei hcmedia wirklich
beeindruckt. Meinen Dank an das Team.
24

ANLAGENVERZEICHNIS
Anlagenverzeichnis
I Anpassungen des Apache-Servers
II.1 Konfiguration des MercuryMail Core-Moduls
II.2 Konfiguration des MercuryMail SMTP Server-Moduls
II.3 Konfiguration des MercuryMail SMTP Relay Client-Moduls
II.4 Konfiguration des MercuryMail End-to-end SMTP Client-Moduls
III.1 Basis-Template für Typo3
III.2 Basis-Typoscript-Konstanten
III.3 Basis-Typoscript-Setup
IV.1 Die Module im Typo3-Backend
IV.2 Rechtevergabe
V.1 Screenshot neues Intranet
VI.1 Quellcode der eingebundenden Datei datetime.php
VI.2 Quellcode der eingebundenden Datei infoboxleft.php
VI.3 Quellcode der eingebundenden Datei mitarbeiterprofil.php
VI.4 Quellcode der eingebundenden Datei sendtodaysnews.php
VI.5 Quellcode der eingebundenden Datei telefonliste.php
26
27
28
29
29
30
32
32
40
41
42
43
44
45
46
47
25

ANLAGEN
I Anpassungen des Apache-Servers
xampp/php/php.ini
xampp/apache/bin/php.ini
[mail function]
; For Win32 only.
SMTP = localhost
smtp_port = 25
;For Win32 only.
sendmail_from = intranetmailer@hcmedia.de
xampp/php/php.ini
xampp/php/php5.ini
xampp/apache/bin/php.ini
max_execution_time = 60
max_input_time = 120
memory_limit = 128M
typo3/mod/tools/em/class.em_xmlhandler.php
ini_set(“memory_limit”, 512M);
ini_set(“pcre.backtrack_limit”, 1000000);
xampp/htdocs/intranet/.htaccess
### Begin: Rewrite stuff ###
# Enable URL rewriting
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
# Main URL rewriting.
RewriteRule .* index.php [L]
26

ANLAGEN
II.1 Konfiguration des MercuryMail Core-Moduls
Abb. 4: Konfiguration MercuryMail Core-Modul
27

ANLAGEN
II.2 Konfiguration des MercuryMail SMTP Server-Moduls
Abb. 5: Konfiguration MercuryMail SMPT Server-Modul
28

ANLAGEN
II.3 Konfiguration des MercuryMail SMTP Relay Client-Moduls
Abb. 6: Konfiguration MercuryMail SMPT RelayClient-Modul
II.4 Konfiguration des MercuryMail End-to-end Client-Moduls
Abb. 7: Konfiguration MercuryMail End-to-end Client-Modul
29

ANLAGEN
III.1 Basis-Template für Tyop3
div>
MENÜ
NÜTZLICHES
SPECIALS
 
30

ANLAGEN
 
ANMELDUNG
AKTUELLES
KALENDER
SUCHE
PLATZHALTER
 
 
31

ANLAGEN
III.2 Basis-Typoscript-Konstanten
#cat=plugin.sl_simplesearchbox/general/1; type=int+; label=
searchResultsPid: The PID of the page with the indexed_searchresults
plugin.sl_simplesearchbox {
searchResultsPid = 63
}
RTE.default.proc {
dontConvBRtoParagraph = 1
allowTags = table, tbody, tr, th, td, h1, h2, h3, h4, h5, h6,
div, p, br, span, ul, ol, li, re, blockquote, strong, em, b, i,
u, sub, sup, strike, a, img, nobr, hr, tt, q, cite, abbr, acronym
}
III.3 Basis-Typoscript-Setup
# entfernen des spacer.gif bzw. clear.gif
tt_content.image.20.spaceBelowAbove = 0
tt_content.header.stdWrap.space = 0|0
tt_content.stdWrap.space = 0|0
tt_content.stdWrap.spaceBefore = 0
tt_content.stdWrap.spaceAfter = 0
lib.stdheader.stdWrap.space = 0|0
# div-container um die h1-Überschrift entfernen
lib.stdheader.stdWrap.dataWrap >
# clear.gif hinter der Überschrift entfernen
tt_content.text.20.parseFunc.tags.typohead.stdWrap.space = 0|0
32

ANLAGEN
# Umbruch nach der Überschrift entfernen
lib.stdheader.10.stdWrap.wrap = |
tt_content.textpic.20.spaceBelowAbove = 0
tt_content.image.20.spaceBelowAbove = 0
tt_content.textpic.20.noStretchAndMarginCells = 1
tt_content.image.20.noStretchAndMarginCells = 1
############################################
# Default PAGE object #
############################################
page = PAGE
page.includeCSS {
file1 = fileadmin/css/main.css
}
page.config.index_enable = 1
config.simulateStaticDocuments = 1
config.simulateStaticDocuments_noTypeIfNoTitle = 1
page.shortcutIcon = fileadmin/gfx/favicon.ico
config.sys_language_uid = 0
config.language = de
# für Windows-Server
config.locale_all = german
# für Unix-Server
# config.locale_all = de_DE.UTF8
############################################
# tt_news #
############################################
plugin.tt_news {
displaySingle {
date_stdWrap.strftime= %A, %d. %B %Y
time_stdWrap.strftime= %d.%m.%y %H:%M
}
displayLatest {
date_stdWrap.strftime= %d.%m.%y
time_stdWrap.strftime= %H:%M
}
displayList {
date_stdWrap.strftime= %A, %d. %B %Y
time_stdWrap.strftime= %d.%m.%y %H:%M
}
}
plugin.tt_news {
displayList {
#HTML (Umrbüche, Links etc) in LIST-View erlauben
subheader_stdWrap.stripHtml = 0
subheader_stdWrap.crop >
}
}
############################################
# PDF Generator 2 #
############################################
33

ANLAGEN
pdf_generator {
stylesheet = fileadmin/css/main.css
}
############################################
# Kalender #
############################################
#deactivate default stylesheet for “YET ANOTHER CALENDAR”
plugin.tx_keyac_pi1._CSS_DEFAULT_STYLE >
#include new stylesheet for yac
page.includeCSS.yac = fileadmin/css/kalendar.css
plugin.tx_keyac_pi1 {
#MAIN
mode =
dataPids = 81
templateFile = EXT:ke_yac/pi1/template.html
useJS = 1
#CALENDAR
calendars = 1
showMonthsNavigation = 0
showHideCalendar = 0
showLegend = 0
showList = 0
showWeekNumberRow = 0
showDaysRow = 1
linkToSingleView = 1
#TOOLTIPS
showTooltips = 0
tooltipDuration = 3000
#TEASERsinglePid =
teaserHeader = Upcoming Events
teaserLimit = 5
teaserLength = 50
#DATEFORMAT
strftimeFormatStringWithoutTime = %d.%m.%Y
strftimeFormatStringWithTime = %d.%m.%Y %H:%M
strftimeFormatTime = %H:%M
#IMAGES
backImagePath = EXT:ke_yac/pi1/images/back.gif
nextImagePath = EXT:ke_yac/pi1/images/next.gif
}
############################################
# Indexed Search #
############################################
plugin.tx_indexedsearch.show.advancedSearchLink = 0
plugin.tx_indexedsearch.templateFile = EXT:ch_is_templates/modi
fiedsearch.html
############################################
# Searchbox #
############################################
34

ANLAGEN
plugin.tx_slsimplesearchbox_pi1 >
plugin.tx_slsimplesearchbox_pi1 = COA
plugin.tx_slsimplesearchbox_pi1 {
10 = TEXT
10.value = Bitte geben sie hier einen Suchbegriff ein:
20 = TEXT
20.typolink.parameter = {$plugin.sl_simplesearchbox.
searchResultsPid}
20.typolink.returnLast = url
20.wrap =
30 = TEXT
30.value =
50 = TEXT
50.value =
}
plugin.tx_slsimplesearchbox_pi1.wrap = |
plugin.tx_slsimplesearchbox_pi1._CSS_DEFAULT_STYLE (
.tx_slsimplesearchbox form,
.tx_slsimplesearchbox form fieldset,
.tx_slsimplesearchbox form .submit {
border: none;
padding: 0;
margin: 0;
}
.tx_slsimplesearchbox form {
padding-top: 1em;
}
.tx_slsimplesearchbox form .submit {
position: absolute;
overflow: hidden;
height: 0;
}
.tx_slsimplesearchbox form span {
font-size: 0;
line-height: 0;
vertical-align: middle;
background-position: top left;
}
.tx_slsimplesearchbox form span,
.tx_slsimplesearchbox form span input {
display: -moz-inline-box;
display: inline-block;
outline: none;
color: #444;
white-space: nowrap;
background-color: transparent;
background-image: url(“../typo3conf/ext/sl_simplesearchbox/res/search.gif”);
background-repeat: no-repeat;
height: 24px;
border: none;
35

ANLAGEN
)
}
.tx_slsimplesearchbox form span input {
line-height: 1em;
font-size: 12px !important;
background-position: top right;
vertical-align: middle !important;
padding: 7px 0 0 0;
margin: 0 -24px 0 24px;
}
* html .tx_slsimplesearchbox form span input {
/* IE stellt den negativen margin-right nicht da */
position: relative;
right: -24px;
top: 0px;
zoom: 1; /* F�r IE wichtig */
}
############################################
# PAGE #
############################################
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/index.php
workOnSubpart = DOCUMENT_BODY
subparts.NUETZLICHES = TEXT
subparts.NUETZLICHES < styles.content.getLeft
# Nützliches als Standard für alle Seiten, soweit kein anderer
Content
subparts.NUETZLICHES.slide = -1
subparts.CROSS = TEXT
subparts.CROSS < styles.content.getRight
# Cross als Standard für alle Seiten, soweit kein anderer Content
subparts.CROSS.slide = -1
# subparts.CONTENT = TEXT
# subparts.CONTENT < styles.content.get
subparts.CONTENT = COA
subparts.CONTENT.20 = CONTENT
subparts.CONTENT.20 < styles.content.get
subparts.CONTENT.50 = IMAGE
subparts.CONTENT.50.file = fileadmin/gfx/pdf_icon.png
subparts.CONTENT.50.stdWrap.postUserFunc = tx_pdfgenerator2-
>makePdfLink
subparts.CONTENT.50.stdWrap.postUserFunc.target = _blank
subparts.NEWSTICKER = TEXT
subparts.NEWSTICKER < styles.content.getBorder
# Newsticker als Standard für alle Seiten, soweit kein anderer
Content
subparts.NEWSTICKER.slide = -1
subparts.SEARCHBOX >
subparts.SEARCHBOX < plugin.tx_slsimplesearchbox_pi1
subparts.KALENDER >
36

ANLAGEN
subparts.KALENDER < plugin.tx_keyac_pi1
subparts.LOGINSCRIPT < plugin.tx_newloginbox_pi1
############################################
# Rootline #
############################################
subparts.ROOTLINE = HMENU
subparts.ROOTLINE.special = rootline
subparts.ROOTLINE.special.range = 1|-1
subparts.ROOTLINE.1 = TMENU
subparts.ROOTLINE.1 {
wrap = INTRANET:&n
bsp;&nbsp;|
target = _top
NO {
linkWrap = |
#vor dem erstem item kein “/” als Trennzeichen, sonst immer
allWrap = |*| |&nbsp;/&nbsp;|*| |*|
ATagBeforeWrap = 1
}
}
############################################
# Navigation #
############################################
subparts.NAVIGATION= HMENU
subparts.NAVIGATION {
1 = TMENU
1.wrap = |
1.expAll = 1
1 {
NO {
wrapItemAndSub = |
ATagParams = class=”naviMainLinkWithoutSubsInActive”
}
ACT = 1
ACT {
wrapItemAndSub = |
ATagParams = class=”naviMainLinkWithoutSubsActive”
}
ACTIFSUB.ATagParams = class=”naviMainLinkWithSubsActive”
noBlur = 1
NO = 1
ACTIFSUB = 1
IFSUB = 1
IFSUB < .NO
IFSUB.ATagParams = class=”naviMainLinkWithSubsInActive”
}
2 = TMENU
2.wrap = |
37

ANLAGEN
2 {
NO {
wrapItemAndSub = |
ATagParams = class=”sub”
}
ACT = 1
ACT {
wrapItemAndSub = |
ATagParams = class=”subon”
}
}
}
############################################
# Navigation - Specials #
############################################
subparts.SPECIALS= HMENU
subparts.SPECIALS.special = directory
subparts.SPECIALS.special.value = 68
subparts.SPECIALS {
1 = TMENU
1.wrap = |
1 {
NO {
wrapItemAndSub = |
ATagParams = class=”naviMainLinkWithoutSubsInActive”
}
ACT = 1
ACT {
wrapItemAndSub = |
ATagParams = class=”naviMainLinkWithoutSubsActive”
}
ACTIFSUB.ATagParams = class=”naviMainLinkWithSubsActive”
noBlur = 1
NO = 1
ACTIFSUB = 1
IFSUB = 1
IFSUB < .NO
IFSUB.ATagParams = class=”naviMainLinkWithSubsInActive”
}
}
############################################
# Banner-Frame #
############################################
subparts.BANNERFRAME < plugin.tx_macinabanners_pi1
subparts.BANNERFRAME.image.file.maxW = 10000
subparts.BANNERFRAME {
# show banners with this attribute, default options are:
“top, left, bottom, right”, all Descriptions of Banner Categories
can be used
placement = top
38

ANLAGEN
#mode to show banners. Options are: all, random
mode = all
# list of page IDs where the banners should be taken from
(comma seperated. i.e.: 1,5,7)
pidList = 20
# levels of recursion to search for banners
recursive = 0
# Limit number of banners
results_at_a_time = 99
}
marks.BANNERFRAME < subparts.BANNERFRAME
}
############################################
# Datum im Subbanner #
############################################
subparts.DATETIME = PHP_SCRIPT_EXT
subparts.DATETIME.file = fileadmin/includes/datetime.php
############################################
# Kasse/ Büromaterial/ Ansprechpartner BR #
############################################
subparts.INFOBOXLEFT = PHP_SCRIPT_EXT
subparts.INFOBOXLEFT.file = fileadmin/includes/infoboxleft.php
39

ANLAGEN
IV.1 Die Module im Typo3-Backend
Abb. 8: Module in Typo3
40

ANLAGEN
IV.2 Rechtevergabe
Abb. 9: Rechtevergabe in Typo3
41

ANLAGEN
V.1 Screenshot neues Intranet
Abb. 10: Screenshot neues Intranet
42

ANLAGEN
VI.1 Quellcoder der eingebundenen Datei datetime.php
switch(date(“D”)) {
case ‘Mon’: echo”Montag”; break;
case ‘Tue’: echo”Dienstag”; break;
case ‘Wed’: echo”Mittwoch”; break;
case ‘Thu’: echo”Donnerstag”; break;
case ‘Fri’: echo”Freitag”; break;
case ‘Sat’: echo”Samstag”; break;
case ‘Sun’: echo”Sonntag”; break;
}
echo”,”.date(“d”).”. “;
switch(date(“m”)) {
case ‘01’: echo”Januar”; break;
case ‘02’: echo”Februar”; break;
case ‘03’: echo”M&auml;rz”; break;
case ‘04’: echo”April”; break;
case ‘05’: echo”Mai”; break;
case ‘06’: echo”Juni”; break;
case ‘07’: echo”Juli”; break;
case ‘08’: echo”August”; break;
case ‘09’: echo”September”; break;
case ‘10’: echo”Oktober”; break;
case ‘11’: echo”November”; break;
case ‘12’: echo”Dezember”; break;
}
echo” “.date(“Y”).””;
43

ANLAGEN
VI.2 Quellcoder der eingebundenen Datei infoboxleft.php
&Ouml;FFNUNGSZEITEN DER KASSE
Dienstags:10.00 - 11.00 Uhr
Donnerstags:14.00 - 15.00 Uhr
B&uuml;ROMATERIALAUSGABE
Montag - Donnerstag
09.30 - 10.30 Uhr
ANSPRECHPARTNER BR
240Frank
Saigge(Vorsitzender)
238Wolfgang Egerer-
Genz(stellv. Vorsitzender)
132Renate Ehlers
123Nadine Grzeskowiak
477Marion K&ouml;nig
326Marko Siegling
413Mareike Thormann
44

ANLAGEN
VI.3 Quellcoder der eingebundenen Datei mitarbeiterprofil.php
Durchwahl:
E-Mail:
Privat:
Handy:
45

ANLAGEN
&nbsp;
VI.4 Quellcoder der eingebundenen Datei sendtodaysnews.php
46

ANLAGEN
VI.5 Quellcoder der eingebundenen Datei telefonliste.php

ANLAGEN
Name
”;
if($sortby == “name” AND $direction ==
“ASC”) {
echo””;
}
else {
echo””;
}
echo”
”;
if($sortby == “name” AND $direction ==
“DESC”) {
echo””;
}
else {
echo””;
}
echo”
Zusatz
”;
if($sortby == “zusatz” AND $direction
== “ASC”) {
echo””;
}
else {
echo””;
}
echo”
”;
if($sortby == “zusatz” AND $direction
== “DESC”) {
echo””;
}
48

ANLAGEN
else {
echo””;
}
echo”
Durchwahl
E-Mail
”;
if($sortby == “email” AND $direction ==
“ASC”) {
echo””;
}
else {
echo””;
}
echo”
”;
if($sortby == “email” AND $direction ==
“DESC”) {
echo””;
}
else {
echo””;
}
echo”
Privat
”;
if($sortby == “privat” AND $direction
== “ASC”) {
echo””;
}
else {
echo””;
}
49

ANLAGEN
echo”
”;
if($sortby == “privat” AND $direction
== “DESC”) {
echo””;
}
else {
echo””;
}
echo”
Handy
”;
if($sortby == “handy” AND $direction ==
“ASC”) {
echo””;
}
else {
echo””;
}
echo”
”;
if($sortby == “handy” AND $direction ==
“DESC”) {
echo””;
}
else {
echo””;
}
echo”
“;
$anfrage3 = “SELECT * FROM telefonliste WHERE `rubrik` LIKE
‘”.$rubrik2.”’ ORDER BY `”.$sortby.”` “.$direction;
$ergebnis3 = mysql_db_query(“intranet”,$anfrage3,$db);
$anzahl3 = mysql_num_rows($ergebnis3);
for($k=0; $k

ANLAGEN
“-”; }
“-;”; }
$id = $zeile3[0];
$rubrik = $zeile3[1]; if($rubrik == “”) { $rubrik =
$rubrik = utf8_encode($rubrik);
$name = $zeile3[2]; if($name == “”) { $name = “-”; }
$name = utf8_encode($name);
$zusatz = $zeile3[3]; if($zusatz == “”) { $zusatz =
$zusatz = utf8_encode($zusatz);
$mail = $zeile3[4]; if($mail == “”) { $mail = “-”; }
if($mail != “-”) { $mail = ereg_replace(“@”,”@”,$mail); $mail = $mail.””; }
$tel = $zeile3[5]; if($tel == “”) { $tel = “-”; }
$priv = $zeile3[6]; if($priv == “”) { $priv = “-”; }
$handy = $zeile3[7]; if($handy == “” OR $handy ==
“zurzeit kein Eintrag!”) { $handy = “-”; }
echo”
“;
echo”
”.$name.””.$zusatz.”
”.$tel.”
”.$mail.”
”.$priv.””.$handy.”
“;
}
echo”
”;
}
?>
51

QUELLEN- / LITERATURVERZEICHNIS
Quellen - /
Literaturverzeichnis
Altmann, Werner, Fritz, René, Hinderink, Daniel: Typo3, Enterprise Content Management, 2. aktualisierte
und überarbeitete Auflage, Krugzell 2006
Krause, Jörg: PHP 4 Grundlagen und Profiwissen, Webserver-Programmierung unter Windows und
Linux, 2. überarbeitete Auflage, München 2001
Meyer, Eric: Eric Meyer´s CSS, dt. Übersetzung, München 2005
Götz, Veruschka: Raster für das Webdesign, dt. Erstausgabe, Reinbek bei Hamburg 2002
Robbins, Jennifer: Webdesign mit X(HTML) und CSS, 1. dt. Ausgabe (Übersetzung), Köln 2008
Mintert, Stefan (Hrsg.): XHTML, CSS & Co, Die W3C-Spezifikationen für das Web-Publishing,
München 2003
O.V. (07.09.2009) Internet: www.typo3.org
O.V. (07.09.2009) Internet: www.typo3.com/Facts_and_Figures.factsandfigures.0.html
O.V. Internet: (07.09.2009) www.typo3.org/extensions/repository/
O.V. (07.09.2009) Internet: www.apachefriends.org
O.V. (07.09.2009) Internet: www.gnu.org/licenses
O.V. (07.09.2009) Internet: www.imagemagick.org
Hochschule Harz, Praktikumsleitfaden für Studierende, 19.05.2009
52

Eidesstattliche Erklärung
Ich versichere eidesstattlich, daß ich die vorliegende Projektarbeit / den vorliegenden Praxissemesterbericht
selbstständig und ohne Benutzung unzulässiger Hilfsmittel angefertig habe. Wörtliche
oder sinngemäße Übernahmen aus anderen Veröffentlichungen sind als solche gekennzeichnet.
Mir ist bewußt, daß eine falsche Versicherung rechtliche Konsequenzen hat.
Goslar, den 10.09.2009
Manfred Schappe

Bestätigung
Hiermit wird bestätigt, dass der vorstehende Praxissemesterbericht von
Manfred Schappe
Matrikelnummer 13668
Studiengang Medieninformatik (BA)
Fachbereich Automatisierung und Informatik
Hochschule Harz (FH), Wernigerode
mit den im Praktikumszeitraum tatsächlich durchgeführten Tätigkeiten übereinstimmt.
Goslar, den 10.09.2009
Lars Grollmisch
Agenturleiter