Google Wave

Ich melde mich mal wieder zurück und habe euch etwas mitgebracht. Ich verschenke 10 Google Wave Einladungen! Wer Interesse hat, einfach in den Kommentaren bescheid geben. Allwas was ich dazu brauche ist eure E-Mail-Adresse. Vielleicht habt ihr sogar ein kleinen Themenwunsch über den nächsten Beitrag hier im Blog. Das Thema kann Webentwicklung allgemein sein, gerne auch Einsteiger-Fragen oder alles rund um TYPO3 und Co.

Wie ihr vielleicht mitbekommen habt, habe ich gleichzeitig ein Beitrags-Wunsch von Thorsten erfüllt und hoffe ihr könnt damit was anfangen.

Wem Google Wave nichts sagt, kann sich ja mal in der offiziellen “About Google Wave“-Seite umschauen.

Google Wave is an online tool for real-time communication and collaboration. A wave can be both a conversation
and a document where people can discuss and work together using richly formatted text, photos, videos, maps, and more. (Quelle: Google Wave)

TYPO3

In diesem Beitrag möchte ich euch zeigen, wie ihr wechselnde Kopfgrafiken in eurer TYPO3-Seite realisieren könnt. Dieser Artikel ist ein Wunsch von Thorsten – Danke dafür!

Es gibt verschiedene Wege wechselnde Kopfgrafiken in TYPO3 zu ermöglichen. Ich möchte euch jetzt hier ein paar nennen und zeigen, wie ihr das ganze einfach und schnell lösen könnt. Ich habe mir dazu ein paar fiktive Fälle einfallen lassen, welche wir abarbeiten werden.

Bei allen Fällen gehe ich von einer funktionierenden Seitenstruktur unter TemplaVoilá aus.

Fall 1 – Für jede Seite eine spezielle Grafik

Alles was ihr hierzu machen müsst ist ein Marker (TS Object Path) in TemplaVoilá erstellen und ihn in Eurem Template zuweisen. Ich habe meinen Marker “header” genannt.

Danach geht ihr in den Constant-Editor der Seite und fügt unter Setup folgendes Schnipsel ein:

lib.header = IMAGE
lib.header.file = GIFBUILDER
lib.header.file {
 XY = 900,135
 10 = IMAGE
 10.file.import = uploads/media/
 10.file.import.data = levelmedia:-1, slide
}

Denkt daran “header” mit eurem Marker zu ersetzen. Als letztes geht ihr nun in die Seiteneigenschaften der Seite, in welcher Ihr eine Kopfgrafik einarbeiten möchtet und wählt als Typ “Advanced” (Erweitert) aus. Ihr solltet dann auf den Reiter “Resources” wechseln und eure Grafik entweder hochladen oder über das Ordner-Symbol auswählen.

Resourcen-Reiter unter den Seiteneigenschaften

Fall 2 – Zufallgrafiken auf jeder Seite

In diesem Fall gibt es verschiedene Lösungsansätze. Ich möchte hier auf drei detailliert eingehen. Zum eine die Lösung über eine Extension, der Weg über TypoScript und zuletzt die Lösung über ein eigenes PHP-Script.

tx_macina_banners im Versuchstest

Für die Lösung über die Extension benötigen wir tx_macina_banners. Wir installieren die Extension über den Extension-Manager und erstellen oder benutzen ein schon vorhandenen Sysfolder für unsere Banner. In diesem erstellen wir jetzt unsere Banner bzw. Kopfgrafiken und weisen diesen die Kategorie “Top” hinzu.

Danch gehen wir in unser Seiten-Template unter SETUP und fügen folgenden Schnipsel hinzu:

temp.banner < plugin.tx_macinabanners_pi1
temp.banner { 
 placement = top
 mode = random
 pidList = 7
 recursive = 0
 results_at_a_time = 99
}

lib.header < temp.banner

Wieder darauf achten das “header” mit eurem Marker ersetzt wird. Kurz zur Erklärung des Codes. Wir weißen hier dem temporären Platzhalter “banner” die Extension zu und konfigurieren diese wie folgt. Mit dem Wert “placement” wird die Kategorie gewählt. Ihr könnt dort zwischen left, right, bottom und top wählen. Unter “mode” wird der Anzeige-Typ festgelegt, hier habt ihr die Wahl zwischen random und all. Für “pidList” wird die UID des Sysfolder benötigt, in dem eure Banner sind. “recursive” durchsucht den Sysfolder – wie der Wert schon ahnen lässt – rekursiv. Mit “results_at_a_time” bin ich mir persönlich auch noch nicht ganz schlüssig. Wenn ich in diesem Beispiel den Wert “1″ eingebe, werden die Banner nicht durchgeschaltet, das heißt es wird immer der ein und der selbe Banner angezeigt, obwohl der mode auf “random” steht. Deshalb habe ich hier den Wert auf “99” gesetzt. Offiziell ist dies wohl der Wert der gleichzeitigen Ausgaben von Banner unter dem mode “all”.

TypoScript im Einsatz

Für unsere zweite Lösung benötigen wir nur TypoScript. Diese Lösung habe ich auf meiner Recherche gefunden und denke, dass Sie vielleicht andere gebrauchen können. Ich persönlich finde diese Lösung eher nicht so passend, da gefällt mir die Lösung in Fall 1 besser. Trotzdem möchte ich hier diese Lösung erwähnen. Zuerst wieder der Schnipsel:

lib.header = IMAGE
 lib.header { 
  file.import.dataWrap = fileadmin/kopfgrafik/{page:uid}.jpg
  stdWrap.ifEmpty.dataWrap = <img src="fileadmin/kopfgrafik/platzhalter.jpg">
 }

Wir weißen hier unserem Marker “header” das IMAGE-Objekt hinzu. Dieses wiederrum konfigurieren wir so, dass es uns für jede Seite eine spezielle Grafik anzeigen soll. Diese Grafik setzt sich aus dem Pfad “fileadmin/kopfgrafik/” und dem Dateinamen “Seiten-UID.jpg” zusammen. Ist diese Grafik nicht vorhanden, wird anstelle der Platzhalter unter “fileadmin/kopfgrafik/platzhalter.jpg” verwendet. Einfach, oder?

Selbst ist der Webworker

In unserem letzten Fall erstellen wir uns selber ein kleines PHP-Script und bauen dieses in unsere TYPO3-Seite ein. Dies ist vor allem dann interessant, wenn man selber noch nicht so weit ist und TYPO3-Extensions basteln kann, aber etwas ganz spezielles haben möchte! Wir erstellen uns nun also eine Datei mit namen “Bannerwechsel.php” und fügen folgenden Inhalt ein:

<?php
// (Absoluten)-Pfad zum Ordner mit den Grafiken
$pfad         = 'var/www/typo3/fileadmin/kopfgrafik/';

// Erlaubte Datei-Endungen
$valid_ext    = array('jpg', 'jpeg', 'gif', 'png');

// Ordner vorhanden?!
if(is_dir($pfad))
{
 // Verzeichnis auslesen
 $handle = opendir($pfad);
 while(false !== ($file = readdir($handle)))
 {
 if($file != '.' && $file != '..')
 {
 // Datei-Ext. filtern
 $file_ext    = explode('.', $file);

 // Datei-Ext. erlaubt?
 if(in_array(strtolower($file_ext[1]), $valid_ext))
 {
 // Datei dem Array hinzufügen
 $img_arr[]    = $file;
 }
 }
 }
 // Verzeichnis schließen
 closedir($handle);
}
else
{
 // Fehlerausgabe
 die('Verzeichnis ungültig oder CHMOD-Fehler');
}

// Array mischen
shuffle($img_arr);

// Bild ausgeben
echo '<img src="' . $pfad . array_pop($img_arr) . '" />'
?>

Ich habe den Code schon weitesgehend kommentiert. Der Code dient als reinstes Beispiel, habe ihn fix geschrieben. Das speichert ihr nun alles ab und legt die Datei in euren “fileadmin“-Ordner ab.

Nun müssen wir nur noch das PHP-Script in TYPO3 einbauen. Wie das geht, habe ich ja schon einmal erklärt. Hier nur der Code:

lib.header = PHP_SCRIPT_INT
lib.header.file = fileadmin/Bannerwechsel.php

Das ist alles! Ihr solltet nun ein wechselnden Banner haben.

Was ich noch ankündigen möchte ist ein neues Projekt von mir. Das MH-Dev.-Board!

Wie man aus den Name vllt. schon ableiten kann, ist es ein Forum. Das ganze Forum wird unter der GPL released und ist somit Open-Source! Jeder der Lust hat kann mithelfen und jeder der möchte kann es nutzen.

Das Forum selber basiert auf dem Zend Framework, welches unter der BSD Lizenz steht.

Den aktuellen Status würde ich momentan als Alpha-Status einschätzen. Es muss noch viel gemacht werden (100erte Sprach-Keys ins deutsche lokalisieren, tonnen an Features hinzufügen) aber es verfügt jetzt schon über einen großen Funktionsumfang!

Zum Beispiel kann man jeden einzelnen Beitrag bewerten, es gibt ein ausgeklügeltes Level-System für die Benutzer, eine sehr umfangreiche Administration für Moderatoren und Administratoren und vieles vieles mehr!

Was eventuell auch noch zu erwähnen ist und was mich z.B. bei dem phpBB gestört hat, es hat ein System welches bei *neuen Beiträgen/Themen zuerst auf die Moderation von einem Moderator wartet, bis der Beitrag / das Thema dann letztendlich selber freigeschaltet ist. Dies verhindert, dass die nervigen Spameinträge sofort sichtbar sind.

* das System schaut ob der Benutzer bereits ein Beitrag oder Thema hat, welches veröffentlicht wurde. Diese Option und viele weitere lassen sich in den Einstellungen ausschalten

Eine Demo des Forums gibt es bereits hier: http://forum.mh-dev.de

Den Quellcode und ein bereits hochgeladenes Komplett-Paket gibt es bei Google-Code. Beachtet das seitdem Upload des Komplett-Paket einiges geändert wurde! Deshalb ist es ratsam über SVN (siehe Google-Code) die neuste Version herunterzuladen.

* UPDATE *

Wie ihr vielleicht sehen könnt, habe ich das Theme hier nun aktualisiert. Ganz final ist es noch nicht, da ich ein paar Sachen noch extra für den Blog umbauen muss aber es geht so schonmal. Wer MH-Dev. noch nicht besucht hat, kann das gerne nun auch noch einmal nachholen

Das Problem ist meistens nur, dass einem Ideen fehlen, worüber man eigentlich bloggen könnte. Themenvorschläge sind also immer wieder gerne gesehen.

Ich denke es geht mit dem Blog wieder richtig los ab der 2. August-Woche.

Ich hoffe das bald TYPO3 v4.3 erscheint, damit ich mich mehr wieder dem Branchenbuch (mh_branchenbuch) widmen kann. Geplant sind auch noch ein paar andere Extensions, welche meiner Meinung nach ganz gut gebraucht werden könnten.

TYPO3

Im dritten und letzten Teil der Artikel-Serie kommen wir zur Konfiguration mit Plesk. Die Grundlegende Schritte sind zwar die gleichen aber es gibt hier und da ein paar kleine Unterschiede.  Zuerst müssen wir auch hier die “PHP.ini” oder besser eine “vhost.conf” anlegen bzw. bearbeiten.

Plesk – PHP.ini Konfiguration

Genau wie in ispCP müssen wir auch hier wieder den open_basedir-Pfad anpassen. Dazu müssen wir zuerst einmal in folgendes Verzeichnis gehen: “/srv/www/vhosts/meine-domain.de/conf“. Ihr solltet dort nun mindestens eine Datei mit Namen “httpd.include” vorfinden. Generell könnten wir diese schon bearbeiten aber wenn ihr etwas in Plesk machen solltet, wird dies wieder von Plesk überschrieben und ist daher nicht sehr ratsam. Deswegen legen wir jetzt eine neue Datei mit Namen “vhost.conf” an. Sollte die Datei bei euch schon vorhanden sein dann bearbeitet diese einfach.

In dieser Datei schreiben wir nun folgenden Eintrag rein:

<Directory "/srv/www/vhosts/meine-domain.de/httpdocs">
 php_admin_value open_basedir "/srv/www/vhosts/meine-domain.de/:/var/software2/typo3_src-4.3.8/:/tmp"
</Directory>

Achtung! Beachtet bitte das ihr den Pfad (/var/software2/typo3_src-4.3.8) an euer Verzeichnis anpasst.

Wir müssen nun jetzt noch Plesk sagen das wir hier eine Änderung getätigt haben, dies machen wir wie folgt (Console (STRG+T)):

/usr/local/psa/admin/bin/websrvmng --reconfigure-vhost --vhost-name=meine-domain.de

Und danach müssen wir auch hier wieder den Webserver neustarten. Der Befehl kann auch hier wieder variieren. Bei mir wäre dies folgender Befehl:

/etc/init.d/apache2 restart

Nachdem wir nun den Webserver neugestartet haben, können wir nun auch das TYPO3-Dummy-Paket anlegen.

Plesk – Dummy-Paket anlegen

Wir gehen nun zuerst in unser Webvereichnis. In Plesk ist das in etwa folgender Pfad: “/srv/www/vhosts/meine-domain.de/httpdocs“. Danach wechseln wir wieder in die Console (STRG+T) und benutzen diesmal WGET um das Dummy-Paket (Version 4.2.8, 05.07.2009) herunterzuladen.

wget http://downloads.sourceforge.net/sourceforge/typo3/dummy-4.2.8.tar.gz?use_mirror=dfn

Jetzt aktualisieren wir wieder das Fenster indem wir die Tastenkombination “STRG+R” benutzen und sollten dann die Datei “dummy-4.2.8.tar.gz” (kann je nach Version variieren) wiederfinden. Diese müssen wir nun auch wieder extrahieren, indem wir, wie oben schon beschrieben, einen Rechtsklick auf die Datei machen und dann “Benutzerdefinierte Befehle” -> “UnTar/GZip…” auswählen. Nachdem wir die Ansicht wieder aktualisiert haben, haben wir nun ein neuen Ordner mit Namen “dummy-4.2.8” im Verzeichnis. Das Archiv “dummy-4.2.8.tar.gz” können wir nun löschen (auswählen und “ENTF”-Taste drücken).

Wir wechseln nun einmal in das “dummy-4.2.8″-Verzeichnis und markieren alle Dateien indem wir “STRG+A” drücken. Danach schieben wir die ganzen Elemente mit gedrückter Maustaste auf den übergeordneten Ordner “..“. Wir bestätigen das Verschieben mit “Ok” und gehen wieder ein Verzeichnis zurück, indem wir nun auf die “..” klicken. Folgende Verzeichnisse sollten wir dann sehen:

Den Ordner “dummy-4.2.8” können wir nun auch wieder löschen. Wir sehen jetzt auch 3 Dateien die sich von den anderen ein bisschen unterscheiden. Ich rede hier speziell von den Dateien “index.php”, “t3lib”, “typo3″ und “typo3_src”. Dies sind jetzt Symlinks die noch keinen richtigen Pfad besitzen bzw. keinen gültigen. Symlinks sind generell nichts anderes als Verknüpfungen auf andere Dateien. Sozusagen eine kleine Umleitung

Was wir jetzt machen müssen, wir müssen den Symlink “typo3_src” den Pfad zu unserer TYPO3-Source geben. Dies geht ganz einfach!

Ein Rechtsklick auf “typo3_src” und dann “Bearbeite Verknüpfung” auswählen. Dort geben wir nun folgenden Pfad ein: “/var/software2/typo3_src-4.2.8“. Bitte denkt wieder daran, das ihr den Pfad an euren anpasst. Nachdem wir den Pfad mit einem Klick auf “Ok” bestätigt haben, sollte sich die Ansicht aktualisieren und die Symlinks sollten nun folgende Gestalt angenommen haben:

Das war alles! Ihr habt nun ein TYPO3-Paket angelegt, ohne ein zusätzliches Source-Paket zu verwenden. So könnt ihr nun mit vielen weiteren Webpaketen verfahren. Ihr könnt natürlich auch mehrere verschiedene Versionen* verwenden und diese dann je nach Wunsch einfach angeben in eurem Symlink. Bei einem Update überschreibt ihr einfach das Sourcepaket und alle anderen Pakete die darauf zugreifen sind auch Up2Date.

* Wenn ihr verschiedene Versionen verwenden wollt, achtet darauf das ihr das neue Verzeichnis dann wieder im “open_basedir”-Parameter angebt. Ihr könnt dort einzelne Verzeichnisse immer mit einem Doppelpunkt “:” trennen.

meine-domain.de

TYPO3

In Teil 2 der Artikel-Serie kommen wir nun zum etwas schwierigeren Teil der Installation. Im zweiten Teil möchte ich euch ein von zwei Szenarien vorstellen. Einmal ein Server mit Plesk und einmal ein Server mit ispCP. Dies hat zum Grund das wir einige Konfigurationen am Webserver vornehmen müssen und dieses je nach Controll-Panel etwas anders ausfallen können.

In Teil 2 von 3 zeige ich euch die Installation mit ispCP.

ispCP – PHP.ini Konfiguration

Bei ispCP haben wir 2 getrennte Ordner für die Konfiguration und für die eigentlichen Daten der angelegten Domain / Webseite. Wir gehen zunächst in die Konfiguration, bei mir ist dies folgender Pfad: “/var/www/fcgi/meine-domain.de/php5“. In diesem Ordner befindet sich eine Datei mit namen “php.ini”. Diese öffnen wir und gehen zu Zeile 217. In dieser Zeile sollte nun in etwa folgendes stehen:

open_basedir = "/var/www/virtual/meine-domain.de/:/usr/share/php/"

Dies ändern wir wie folgt ab:

open_basedir = "/var/www/virtual/meine-domain.de/:/var/software2/typo3_src-4.3.8:/usr/share/php/"

Achtung! Beachtet bitte das ihr den neu eingefügten Teil (/var/software2/typo3_src-4.3.8) an euer Verzeichnis anpasst.

Mit dem neu hinzugefügten Pfad erlauben wir der Domain bzw. dem Projekt auf dieses Verzeichnis zugreifen zu können.

Wir müssen nun jetzt noch den Webserver neustarten und danach sollte diese Änderung in Kraft getreten sein. Den Webserver starten wir jetzt wieder über die Console (STRG+T) neu. Der Befehl kann auch hier wieder variieren. Bei mir wäre dies folgender Befehl:

/etc/init.d/apache2 restart

Nachdem wir nun den Server neugestartet haben, können wir nun das TYPO3-Dummy-Paket anlegen.

ispCP – Dummy-Paket anlegen

Wir gehen nun zuerst in unser Webvereichnis. Bei mir  wäre dies folgender Pfad: “/var/www/virtual/meine-domain.de/htdocs“. Danach wechseln wir wieder in die Console (STRG+T) und benutzen diesmal WGET um das Dummy-Paket (Version 4.2.8, 05.07.2009) herunterzuladen.

wget http://downloads.sourceforge.net/sourceforge/typo3/dummy-4.2.8.tar.gz?use_mirror=dfn

Jetzt aktualisieren wir wieder das Fenster indem wir die Tastenkombination “STRG+R” benutzen und sollten dann die Datei “dummy-4.2.8.tar.gz” (kann je nach Version variieren) wiederfinden. Diese müssen wir nun auch wieder extrahieren, indem wir, wie oben schon beschrieben, einen Rechtsklick auf die Datei machen und dann “Benutzerdefinierte Befehle” -> “UnTar/GZip…” auswählen. Nachdem wir die Ansicht wieder aktualisiert haben, haben wir nun ein neuen Ordner mit Namen “dummy-4.2.8” im Verzeichnis. Das Archiv “dummy-4.2.8.tar.gz” können wir nun löschen (auswählen und “ENTF”-Taste drücken).

Wir wechseln nun einmal in das “dummy-4.2.8″-Verzeichnis und markieren alle Dateien indem wir “STRG+A” drücken. Danach schieben wir die ganzen Elemente mit gedrückter Maustaste auf den übergeordneten Ordner “..“. Wir bestätigen das Verschieben mit “Ok” und gehen wieder ein Verzeichnis zurück, indem wir nun auf die “..” klicken. Folgende Verzeichnisse sollten wir dann sehen:

Den Ordner “dummy-4.2.8” können wir nun auch wieder löschen. Wir sehen jetzt auch 3 Dateien die sich von den anderen ein bisschen unterscheiden. Ich rede hier speziell von den Dateien “index.php”, “t3lib”, “typo3″ und “typo3_src”. Dies sind jetzt Symlinks die noch keinen richtigen Pfad besitzen bzw. keinen gültigen. Symlinks sind generell nichts anderes als Verknüpfungen auf andere Dateien. Sozusagen eine kleine Umleitung

Was wir jetzt machen müssen, wir müssen den Symlink “typo3_src” den Pfad zu unserer TYPO3-Source geben. Dies geht ganz einfach!

Ein Rechtsklick auf “typo3_src” und dann “Bearbeite Verknüpfung” auswählen. Dort geben wir nun folgenden Pfad ein: “/var/software2/typo3_src-4.2.8“. Bitte denkt wieder daran, das ihr den Pfad an euren anpasst. Nachdem wir den Pfad mit einem Klick auf “Ok” bestätigt haben, sollte sich die Ansicht aktualisieren und die Symlinks sollten nun folgende Gestalt angenommen haben:

Herzlichen Glückwunsch! Ihr habt nun ein TYPO3-Paket angelegt, ohne ein zusätzliches Source-Paket zu verwenden. So könnt ihr nun mit vielen weiteren Webpaketen verfahren. Ihr könnt natürlich auch mehrere verschiedene Versionen verwenden und diese dann je nach Wunsch einfach angeben in eurem Symlink. Bei einem Update überschreibt ihr einfach das Sourcepaket und alle anderen Pakete die darauf zugreifen sind auch Up2Date.

In Teil 3 zeige ich euch, wie ihr das ganze mit Plesk hinbekommt.

TYPO3

Jeder der ein eigenen Server hat und dort mehrere TYPO3-Seiten hostet, kennt das Problem. Jedesmal muss man das Source- und Dummy-Paket auf den Webspace hochladen. Auch bei Updates ist es dann ziemlich nervig jedes einzelne Paket zu updaten. Ich möchte euch hier, in dieser 3-teiligen Artikel-Serie, zeigen, wie ihr mit einer zentralen TYPO3-Installation (Source-Paket), alle eure TYPO3-Webseiten darauf zugreifen lassen könnt.

Wir brauchen für das ganze die kostenlose Software WinSCP.

Was ist WinSCP?

WinSCP ist ein grafischer Open Source-SFTP-Client für Windows, der sowohl SSH wie auch das alte SCP-Protokoll unterstützt. SSH bietet einen geschützten Daten- und Dateitransfer zwischen verschiedenen Rechnern und ermöglicht die Nutzung geschützter “Tunnel”.

Nachdem wir WinSCP installiert haben, legen wir zunächst ein neues Profil für unseren Server an.

WinSCP Profil anlegen

Nachdem wir WinSCP gestartet haben, sollten wir folgendes sehen:

WinSCP - Start

Wie ihr seht sind bei mir bereits ein paar Profile bzw. Ordner vorhanden. Bei euch sollte die Liste leer sein und mit einem Klick auf “Neu” erstellen wir uns erstmal ein neues Profil.

WinSCP - Neue Sitzung

Wir tippen hier zuerst den Rechnernamen ein, dies kann eine Domain oder IP sein, danach geben wir den Benutzrnamen ein (Root-Zugang für die Shell) und das dazugehörige Kennwort. Danach klicken wir auf “Speichern“, können dann noch ein Profilname vergeben und klicken anschließend auf “Okay“.

Das soeben erstellte Profil sollte nun in unserer Liste auftauchen. Mit einem Doppelklick darauf verbindet sich WinSCP mit unseren Server.

TYPO3-Source installieren

Nun müssen wir zuerst ein Platz für unser TYPO3-Source finden. Bei mir habe ich ein Ordner unter “/var” erstellt mit namen “software“. Da bei mir alles schon installiert ist, erstelle ich einen neuen Order unter “/var” mit namen “software2“. Ihr könnt diesen wie ihr möchtet benennen.

Um in WinSCP einen Ordner anzulegen, gehen wir zuerst in das Verzeichnis wo der Ordner erstellt werden soll und klicken dann oben auf “Dateien” -> “Neu” -> “Verzeichnis” oder wir drücken “F7” auf der Tastatur und geben dann ein Name für das Verzeichnis ein.

Ist unser Ordner angelegt, klicken wir doppelt auf ihn drauf sodass wir uns in dem Order nun befinden. Als nächsten Schritt müssen wir uns zuerst das Source-Paket (Version 4.2.8, 05.07.2009) von TYPO3 herunterladen. Dies machen wir einfach mit dem “WGET“-Befehl.

Damit wir den Befehl ausführen können, müssen wir zuerst in die Console. Dies geschieht indem wir oben auf “Befehle” -> “Terminal öffnen” klicken oder auf der Tastatur “CTRL+T” drücken. In der nun erscheinenden Console geben wir folgenden Befehl ein und klicken anschließend auf “Ausführen“:

wget http://downloads.sourceforge.net/sourceforge/typo3/typo3_src-4.2.8.tar.gz?use_mirror=dfn

WinSCP - Console

Es kann vorkommen, das nachdem das Paket heruntergeladen wurde, eine überdimensionales Fenster erscheint mit komischen Meldungen. Dies können wir ignoieren und einfach auf “Okay” klicken. Die Console können wir nun schließen und uns wieder dem Hauptfenster widmen. Dort betätigen wir die Tastenkombination “CTRL-R” um die Ansicht zu aktualisieren und dann sollten wir auch das so eben heruntergeladene Paket sehen.

Nun müssen wir das Paket nur noch extrahieren. Dies geschieht indem wir einen Rechtsklick auf die Datei machen und dann “Benutzerdefinierte Befehle” -> “UnTar/GZip…” auswählen. Die darauf folgende Meldung bestätigen wir wieder mit “Okay“.

WinSCP - Extrahieren

Wir haben jetzt einen Ordner mit namen “typo3_src-4.2.8” (variiert je nach Version), dieser stellt nun unser Source dar welches wir für alle unsere Webpakete verwenden wollen.

Ihr habt jetzt schon einmal den Grundstein gelegt für eure TYPO3-Verwaltung. Im zweiten Teil zeige ich euch wie ihr mit einem TYPO3-Dummy dann auf dieses Paket zugreifen könnt.

MH-Dev. - Webentwicklung

Ich habe eben eine kleine Extension gebastelt (mh_phpinclude), mit der es möglich ist PHP-Dateien in TYPO3 einzubinden. Der Unterschied hier wie zum Beispiel zu der Extension lumophpinclude ist, dass es hier ausschließlich über TypoScript funktioniert. Eine Funktion die in lumophpinclude gefehlt hat.

Hier der TypoScript der dafür nötig ist:

lib.your_marker < plugin.tx_mhphpinclude_pi1
lib.your_marker.file = path/to/file.php

Die Extension müsste in den nächsten Minuten/Stunden im TER erscheinen. Vielleicht kann es ja noch ein anderer gebrauchen. Vielleicht kann man es auch mit T3-Boardmitteln lösen aber ich hab auf die Schnelle nichts gefunden und daher die kleine Extension gebastelt.

EDIT:

Dank der Kommentare (Danke an Icke!) sind nun auch die T3-Boardmittel aufgetaucht. Und zwar ist es möglich via PHP_SCRIPT, PHP_SCRIPT_INT und PHP_SCRIPT_EXT PHP-Dateien einzubinden. Ein genauen Link zur Docu findet ihr hier:

http://typo3.org/documentation/document-library/references/doc_core_tsref/4.2.0/view/1/8/#id4292763

MH-Dev. - Webentwicklung

Für einen Kunden habe ich ein kleinen Webshop gebastelt, den ich euch hier einmal kurz vorstellen möchte.

Der Kunde wollte auf seiner Webseite DVDs präsentieren und verkaufen. Ich habe schon Erfahrungen mit den anderen “Top”-Reiter in der TYPO3-Shopszene gesammelt und finde das diese meist “too much” sind und ich ehrlich gesagt auch keine Lust hatte, diese ganzen Templates etc. alles anzupassen. Daher habe ich eine kleine, simple Shop-Extension gebastelt, die leicht erweitert werden kann.

Shop in der Übersicht

Den Anfang macht die Kategorieübersicht. Man kann wahlweise natürlich auch sofort bestimmte Kategorien anzeigen lassen, wie man möchte.

DVD-Shop Kategorien

Nach einem Klick auf die Kategorie (Produktion 2009) gelangt man in die Übersicht aller vorhandenen Artikel in dieser Kategorie.

DVD-Shop Übersicht

Jede einzelne Ansicht kann individuell gestaltet werden, das Template selber ist klein und sehr gut überschaubar. Die Preise werden automatisch berechnet mit MwSt.. Man kann Global ein MwSt.-Satz festlegen oder zusätzlich jedem Produkt einzeln ein bestimmten MwSt.-Satz zuweisen. Auch für Kleinunternehmer die keine MwSt. ausweisen wollen/dürfen, haben hier die Möglichkeit den Nettopreis jederzeit anzuzeigen und dementsprechend den Hinweis auf die MwSt. einfach entfernen.

Für jedes Produkt gibt es natürlich auch eine Detailansicht.

DVD-Shop Produktdetails

Wenn man mehr als ein Bild einem Produkt zugewiesen hat, erscheinen hier die restlichen Bilder.

Mit einem Klick auf “Zum Warenkorb hinzufügen” gelangen wir auf eine Bestätigungsseite:

DVD-Shop Warenkorb Bestätigung

Der Warenkorb selber sieht letztendlich so aus:

DVD-Shop Warenkorb

Sehr Simpel und übersichtlich gehalten. Wie man eventuell rauslesen kann, kann man die Stückzahl der Produkte noch ändern oder Produkte aus dem Warenkorb entfernen, indem man als Stückzahl “0″ eingibt.

Als letzte (momentane) Schritt ist die Kasse:

DVD-Shop Kasse

Hier sieht man noch einmal eine kleine Übersicht des Warenkorbs und man kann die Bestellung letzt endlich tätigen. Der Kunde wollte hier auf eine Registrierung verzichten und so habe ich mich für ein kleines Formular entschieden, welches die wichtigsten Felder beinhaltet.  Nach dem Klick auf “Bestellung aufgeben”, wird eine Bestellnummer generiert und nochmals zur Bestätigung dem Kunden per E-Mail übermittelt (inklusive Warenkorb in HTML-Form) und eine Kopie an einen eingetragenen Administrator geschickt.

Das war so eine kleine Übersicht jetzt. Ich werde den Shop eventuell noch weiter aufbohren. Features die mir noch so im Kopf rumschwirren:

• Ein Benutzersystem hinzufügen
  (dabei sind weiterhin natürlich auch als Gast Bestellungen möglich)
• Bestellungen in TYPO3 verwalten
• Paypal integrieren
• Verschiedene Versandmöglichkeiten
• Kundenkonto

Wer den Shop live sehen möchte, besucht einfach www.tb-medienservice.de.

TYPO3

Am 23. März 2009 hat das TYPO3 Core-Team die dritte Alpha von TYPO3 4.3 veröffentlicht. Neu hinzugekommen ist die Integration von Extbase und Fluid, welche anderen eventuell aus FLOW3 bereits ein Name ist. Diese bringen ein MVC-System und eine flexible Template-Engine mit ins Haus. Neben dieser – meiner Ansicht nach – tollen Erweiterung, gibt es aber auch noch fortschritte in Sachen RSA authentication service, Autoloading for PHP classes, Image rendering and GIFBUILDER und vieles weitere mehr …

Wer sich alle Neuerungen genau durchlesen möchte, besucht einfach mal die TYPO3.org Homepage.

Der Release von TYPO3 4.3 wird wohl allem anschein nach im Juli 2009 sein.