THM iCampus WPW Tutorial - MNI

Tutorial
Web Programming Weeks
WS 2012/2013
Homeniuk, Mariusz
Rost, Wolf
Gießen, 17.02.2013

Inhaltsverzeichnis
1 Einführung 4
1.1 Konventionen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2 Die Entwicklungsumgebung 5
2.1 Xampp . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2.1.1 PHP.ini Konfiguration . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2.1.2 PEAR Konfiguration . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2.2 Git-Bash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2.3 Gitorious Konfiguration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
2.4 Joomla! Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
2.5 Eclipse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
2.5.1 Plugins installieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
2.5.2 Eclipse einrichten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2.5.3 Joomla! hinzufügen . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
2.5.4 THM Joomla! Coding Standards . . . . . . . . . . . . . . . . . . . . 24
3 Teststruktur 30
3.1 Teststruktur repository . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
3.2 Teststruktur workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
4 PHP Ausgaben 33
5 Git in Eclipse 34
6 THM-Wiki 35
7 Troubleshooting 36
Literaturverzeichnis 38
Abbildungsverzeichnis 40
3

1 Einführung
Dieses Tutorial hilft bei der Installation und Einrichtung der verwendeten Programme und
Dienste des iCampus-Projekts (https://wiki.thm.de/index.php/Kategorie:ICampus_
Projekte). Bei Problemen bitte das Kapitel 7 Troubleshooting beachten.
1.1 Konventionen
Die folgenden Konventionen werden in diesem Dokument verwendet:
4
• Dateipfade und Dateinamen (Serifenlos): php.ini oder C:\Program Files\eclipse\plugins
• Klickreihenfolgen, Tastenkombinationen und Schaltflächen, die betätigt werden sol-
len (Kapitälchen): Window -> Options -> General oder Apply
• Eingaben, ersetzbarer/variabler Text und Elemente, die ausgewählt werden können
(Kursiv): egit oder –All Available Sites–
• Befehle, Quellcode und Konfigurationsparameter (Schreibmaschine): ssh-keygen
oder implicit_flush = On

2 Die Entwicklungsumgebung
2.1 Xampp
Zuerst wird ein Webserver benötigt, damit auf diesem Joomla! laufen kann. Dazu wird
Xampp installiert, welches neben einem Webserver auch noch weitere Pakete wie MySQL,
Perl und PHP enthält. Die Gesamtpakete für unterschiedliche Betriebssysteme sind auf
der Xampp Seite 1 zu finden.
2.1.1 PHP.ini Konfiguration
Damit man später Fehler angezeigt bekommt und den Debugger nutzen kann, werden in
der php.ini (\php) folgende Einträge herausgesucht und diese
wie hier beschrieben geändert:
// Meldet alle PHP Fehler
error_reporting = E_ALL | E_STRICT
// PHP buffert keine Ausgaben und gibt sie sofort aus (wird für den Debugger benötigt)
output_buffering = Off
// Einstellungen für den Debugger
[XDebug]
zend_extension="C:\xampp\php\ext\php_xdebug.dll"
xdebug.remote_enable=true
xdebug.remote_host=localhost
xdebug.remote_port=9000
xdebug.remote_handler=dbgp
xdebug.profiler_enable=1
xdebug.profiler_output_dir="C:\xampp\tmp"
2.1.2 PEAR Konfiguration
Um Fehlerquellen auszuschließen muss die Konfiguration von PEAR angepasst werden.
Die Shell (Eingabeaufforderung) cmd.exe als Administrator öffnen und in den PHP Ord-
ner von XAMPP wechseln. Die Einstellungen, welche auf C:\php\pear zeigen, müssen in
C:\xampp\php\pear geändert werden.
1 http://www.apachefriends.org/de/xampp.html
5

2 Die Entwicklungsumgebung
// Welchseln in das PHP Verzeichnis im Xampp Ordner
cd C:\xampp\php
// Anzeige der PEAR Konfiguration
pear config-show
// Setzen der einzelnen Konfigurationsparameter
pear config-set doc_dir C:\xampp\php\pear\docs
pear config-set cfg_dir C:\xampp\php\pear\cfg
pear config-set data_dir C:\xampp\php\pear\data
pear config-set cache_dir C:\xampp\php\pear\cache
pear config-set download_dir C:\xampp\php\pear\download
pear config-set temp_dir C:\xampp\php\pear\temp
pear config-set test_dir C:\xampp\php\pear\tests
pear config-set www_dir C:\xampp\php\pear\www
pear config-set php_ini C:\xampp\php\php.ini
Als nächstes wird die PEAR Channelliste aktualisiert, damit später aus den aktuellen
Channels die Erweiterungen installiert werden können. Danach setzt man auto discover
auf 1, um neue Channel automatisch zu finden und Abhängigkeiten aufzulösen. Nun noch
PEAR selbst auf den neuesten Stand bringen.
6
// PEAR selbst aktualisieren
pear upgrade pear
// PEAR cache leeren
pear clear-cache
// Channels automatisch finden
pear config-set auto_discover 1
// Channel pear.phpunit.de automatisch finden und hinzufügen (meistens schon vorhan-
den)
pear cannel-discover pear.phpunit.de
// Die Liste der Channels aktualisieren
pear update-channels
// PHP CodeSniffer deinstallieren (falls alte Version vorhanden)
pear uninstall PHP_CodeSniffer
// PHP CodeSniffer installieren
pear install PHP_CodeSniffer

2.2 Git-Bash
2.2 Git-Bash
Die Git-Bash 2 herunterladen und als Administrator starten. Wichtige Einstellungen bei
der Installation sind in Abbildung 2.1 und Abbildung 2.2 illustriert.
Abbildung 2.1: Gitorious setup path environment
Abbildung 2.2: Gitorious setup line ending conversions
Um beim commiten den richtigen Namen und die richtige EMail-Adresse angezeigt zu
bekommen, müssen diese nun gesetzt werden. Dazu startet man die Git-Bash und gibt
folgendes ein (mit Anführungszeichen):
2 http://git-scm.com/downloads
7

2 Die Entwicklungsumgebung
git config --global user.name “Vorname Nachname”
git config --global user.email “vorname.nachname@mni.thm.de”
In der eben geöffneten Git-Bash kann dann auch gleich noch der SSH-Schlüssel mit
folgender Eingabe erzeugt werden:
ssh-keygen
Der SSH-Schlüssel wird benötigt damit man von Gitorious, Repositories klonen kann.
Nun solange Enter drücken bis wieder eine normale Eingabe möglich ist.
2.3 Gitorious Konfiguration
Der eben erstellte SSH-Key muss nun auf der Gitorious Seite 3 eingetragen werden. Dazu
meldet man sich auf der Gitorious Seite an 4 und drückt auf Manage SSH keys.
8
Abbildung 2.3: Gitorious manage SSH keys
Nun wird ein neuer SSH Schlüssel eingefügt, indem man auf Add SSH key klickt.
3 https://scm.thm.de/
4 Anmeldung mit Netzkennung und Passwort

Abbildung 2.4: Gitorious preferences add SSH key
2.4 Joomla! Installation
Auf seinem Computer sucht man seinen öffentlichen Schlüssel. Dieser liegt im HOME-
Verzeichnis -> .ssh in der Datei id rsa.pub. Die Datei mit einem Texteditor öffnen und
den Inhalt in das Textfeld auf der Gitoriousseite kopieren. Dann auf Save drücken und
schon können Projekte für die man Berechtigung hat aus Gitorious ausgecheckt werden.
2.4 Joomla! Installation
Abbildung 2.5: Gitorious preferences public SSH key
Als ersten Schritt lädt man sich Joomla! 5 herunter 6 . Dann wird der Inhalt der ZIP-Datei in
einen extra Ordner (z.B. joomla) im htdocs-Ordner (\htdocs\joomla)
kopiert. Um zu überprüfen, ob der Webserver und MySQL läuft, geht man in seinen
Xampp-Ordner und startet die Xampp Konsole (\xampp-control.exe).
5 Literatur: [GbR13, osm13, TMSS12]
6 http://www.joomla.org/
9

2 Die Entwicklungsumgebung
Bei Apache und MySQL muss “Running” stehen. Wenn dort nicht “Running” steht, startet
man den Service über den Button Start.
Abbildung 2.6: Xampp Status
Danach öffnet man den Browser und ruft die Joomla!-Installationsroutine 7 auf. Im Brow-
ser ist nun das gleiche wie in Abbildung 2.7 zusehen.
Abbildung 2.7: Joomla Installation (Language)
Als Erstes wählt man eine Installationssprache aus und klickt auf Weiter. Im darauf-
folgendem Fenster sollte alles grün sein außer bei “Fehler anzeigen”.
7 Lokale Joomla! Adresse: localhost/joomla
10

Abbildung 2.8: Joomla Installation (Pre-Installation Check)
2.4 Joomla! Installation
Wird alles Abbildung 2.8 angezeigt kann auf Weiter geklickt werden. Die nun an-
gezeigte Lizenz wird akzeptiert, indem man auf Weiter klickt. Zum Konfigurieren der
Datenbank gibt man bei Benutzername root ein. Ist Xampp installiert, gibt es diesen
Benutzer standardmäßig ohne Passwort. 8 Als Datenbankname tippt man joomla ein.
8 In einem Produktivsystem sollte man einen anderen Nutzer nehmen, da der root-Benutzer Zugriff auf
alle Datenbanken hat. Außerdem sollte man ein sicheres Passwort setzen.
11

2 Die Entwicklungsumgebung
Abbildung 2.9: Joomla Installation (Database configuration)
Nachdem alle Eingaben gemacht wurden auf Weiter klicken. Bei den FTP Konfigu-
rationen wird nichts eingetragen. Da man nur lokal arbeitet einfach auf Weiter klicken.
Auf der nächsten Seite trägt man unter den Grundeinstellungen den Namen der Websei-
te ein und legt noch die Email Adresse und Passwort des admin fest. Optional können
Beispieldaten mit einem Klick auf Beispieldaten installieren installiert werden.
12

Abbildung 2.10: Joomla Installation (Main Configuration)
2.5 Eclipse
Sind alle Felder ausgefüllt auf Weiter klicken. Zum Abschluss wird das Installations-
verzeichnis mit einem Klick auf Installationsverzeichnis löschen gelöscht. Schon
ist Joomla! installiert und mit einem Klick auf Website kann das Frontend 9 oder mit
Administrator das Backend 10 geöffnet werden.
2.5 Eclipse
Um nun endlich mit der Entwicklung anfangen zu können, benötigt man zuerst einmal eine
IDE. In diesem Abschnitt wird diese Eclipse sein. Also Eclipse Classic 11 herunterladen
und in ein Verzeichnis entpacken 12 . Den workspace von Eclipse setzt man auf \workspace.
9 Joomla! Frontend: localhost/joomla
10 Joomla! Backend: localhost/joomla/administrator
11 http://www.eclipse.org/downloads/
12 z.B. C:\Program Files\eclipse
13

2 Die Entwicklungsumgebung
2.5.1 Plugins installieren
Abbildung 2.11: Eclipse set workspace
Um die Git Integration in Eclipse herzustellen wird das Plugin EGit installiert. Dazu klickt
man in Eclipse auf Install New Software.
Abbildung 2.12: Install new software
Im darauf erscheinenden Fenster bei Work with: –All Available Sites– auswählen 13 und
im Suchfeld egit eingeben und Eclipse EGit installieren.
13 Alternativ kann man auch direkt http://download.eclipse.org/egit/updates eingeben. Dann wird nicht
14
in allen verfügbaren Seiten gesucht sondern nur unter der angegebenen.

Abbildung 2.13: Eclipse EGit
2.5 Eclipse
Als nächstes installiert man das PHP Development Tools Plugin, ähnlich wie das Git
Plugin, nur dass man PHP Development Tools in das Suchfeld eingibt 14 .
14 Alternativ: http://download.eclipse.org/tools/pdt/updates/
15

2 Die Entwicklungsumgebung
Abbildung 2.14: PHP Development Tools
Danach wird PHP Tool Integration installiert. Dafür klickt man auf Add..., tippt bei
Name PTI Update Site und bei Location http://www.phpsrc.org/eclipse/pti/ ein. Dann
auf OK und bei Work with: PTI Update Site auswählen und in das Suchfeld noch PHP
Tool Integration eingeben.
2.5.2 Eclipse einrichten
Um Eclipse einzurichten geht man zunächst auf Window -> Preferences. Dort wählt
man General -> Workspace und setzt Text file encoding auf UTF-8 und New text
file line delimiter auf Unix.
16

Abbildung 2.15: Eclipse preferences (text file und new line delimiter)
2.5 Eclipse
Als nächstes PHP -> Executables auswählen und dort den Pfad (\php) zur php.exe und php.ini einfügen.
Abbildung 2.16: Eclipse preferences (PHP Executable)
Um debuggen zu können stellt man nun den Debugger in Eclipse unter PHP -> Debug
17

2 Die Entwicklungsumgebung
wie in Abbildung 2.17 dargestellt ein.
Abbildung 2.17: Eclipse preferences (PHP Debug)
Die Änderungen mit Apply bestätigen und auf Configure... klicken. Dort den Port
von xDebug auf 9000 stellen und OK drücken.
18

Abbildung 2.18: Eclipse preferences (xDebug Port)
2.5 Eclipse
Unter PHP -> Debug -> Workbench Options muss man noch die Einstellungen
wie in Abbildung 2.19 gezeigt vornehmen.
Abbildung 2.19: Eclipse preferences (Debug Workbench Options)
19

2 Die Entwicklungsumgebung
Unter PHP Tools -> Library -> PEAR auf New... klicken, um die PEAR Library
aus dem Xampp Ordner hinzuzufügen. Als Name xampppear und in Path den Pfad zu
PEAR in Xampp angeben 15 wie in Abbildung 2.20 dargestellt.
Abbildung 2.20: Add PEAR Library
Als nächstes geht man auf PHP Tools -> PHPUnit und setzt dort die PHP Executa-
ble auf PHP, die PEAR Library auf und ein Häkchen bei print PHP output
to console.
15 z.B. C:\xampp\php\pear
20

Abbildung 2.21: Eclipse preferences (PHP Unit)
2.5 Eclipse
Unter Team -> Git kontrolliert man, ob der Default repository folder auf den git Ord-
ner im Homeverzeichnis zeigt. Falls der Ordner zu diesem Zeitpunkt noch nicht existieren
sollte, erstellt man den Ordner und passt gegebenenfalls den Pfad an.
Abbildung 2.22: Eclipse preferences (Default repository folder)
Zuletzt wird noch unter Team -> Git -> Configuration überprüft, ob Eclipse die in
Abschnitt 2.2 gesetzten globalen Einstellungen richtig übernommen hat. Email und Name
sollten dabei automatisch aus der .gitconfig ausgelesen werden.
21

2 Die Entwicklungsumgebung
2.5.3 Joomla! hinzufügen
Abbildung 2.23: Eclipse preferences (Git Configuration)
Im Abschnitt 2.4 wurde Joomla! installiert. Nun muss man Joomla! als Projekt hinzufügen,
um in Eclipse damit arbeiten zu können. Dazu ein neues PHP Projekt mit File -> New
-> PHP Project erstellen, als Projektname joomla eintippen und auf Finish drücken.
Damit man nun die Joomla! Daten aus dem htdocs Ordner in das PHP Projekt bekommt,
wählt man das gerade erstellte PHP Projekt mit der Maus an, öffnet mit Rechtsklick ein
Kontextmenü und wählt dort Import aus. Im darauffolgendem Fenster File System
anklicken und anschließend auf Next >. Nun muss man bei From directory: den Joomla
Ordner in seinem htdocs Ordner auswählen und diesen in der Auswahlliste anhaken. Als
nächstes noch auf Advanced klicken und einen Haken bei Create links in workspace
setzen 16 .
16 Damit sind die Projektdateien von Eclipse dann nicht im htdocs-Ordner.
22

Abbildung 2.24: Add Joomla! to Eclipse
2.5 Eclipse
Wenn das gemacht wurde auf Finish drücken. Im PHP Explorer sieht das PHP Projekt
dann wie in Abbildung 2.25 aus.
23

2 Die Entwicklungsumgebung
Abbildung 2.25: Joomla Project in Eclipse
2.5.4 THM Joomla! Coding Standards
Zuletzt richtet man den CodeSniffer so ein, dass er die THM Joomla! Coding Standards
verwendet. Dazu wird das entsprechende Repository in Gitorious geklont wie folgt be-
schrieben:
24
1. Ein neues Git Projekt importieren File -> Import.

Abbildung 2.26: Eclipse Code Sniffer
2. Dort wählt man Project from Git aus.
Abbildung 2.27: Exlipse Code Sniffer (Project from Git)
2.5 Eclipse
25

2 Die Entwicklungsumgebung
26
3. Nun noch Uri auswählen und auf der nächsten Seite die URL
gitorious@scm.thm.de:icampus/icampus coding standards.git einfügen und das Pro-
tokoll auf ssh stellen. Bei User: muss gitorious eingetragen sein.
Abbildung 2.28: Eclipse Code Sniffer (URL)
4. Im nächsten Fenster ist der Master schon ausgewählt und man drückt Next.
5. In diesem Fenster muss nichts geändert werden und man drückt Next.
6. Damit das Projekt importiert werden kann, muss man Import as general project
auswählen und Next.

Abbildung 2.29: Eclipse Code Sniffer (Import as general project)
7. Zuletzt auf Finish und fertig.
Abbildung 2.30: Eclipse Code Sniffer (Project cloned)
2.5 Eclipse
Damit die Coding Standards nun bequem ausgewählt werden können, erstellt man sich
zwei symbolische Verknüpfungen in dem CodeSniffer Standards Ordner im PEAR Ord-
ner 17 . Dazu öffnet man die Kommandozeile und geht in den Standards Ordner vom Co-
deSniffer.
17 z.B. C:\xampp\php\pear\PHP\CodeSniffer\Standards
27

2 Die Entwicklungsumgebung
cd C:\xampp\php\pear\PHP\CodeSniffer\Standards\
mklink /D Joomla C:\Users\\git\
icampus_coding_standards\Joomla
mklink /D THMJoomla C:\Users\\git\
icampus_coding_standards\THMJoomla
Mit dem ersten Befehl wechselt man in den Standards Ordner vom CodeSniffer. Und
mit mklink erstellt man eine symbolische Verknüpfung in diesem Ordner, welche auf den
Joomla bzw. THMJoomla Ordner im icampus coding standards repository zeigt.
Abbildung 2.31: Eclipse CodeSniffer Standards folder
Nachdem die symbolischen Verknüpfungen erstellt wurden, wird in Eclipse unter Win-
dow -> Preferences angeklickt. Dort wählt man PHP Tools -> PHP Code Sniffer
an und stellt PHP Executable auf PHP, PEAR Library auf xampppear und setzt ein Häk-
chen bei print PHP output to console.
Nun muss noch THMJoomla in der CodeSniffer Standards Liste angewählt werden. Den
Joomla Standard muss man nicht aus der Liste auswählen, weil dieser vom THMJoomla
Standard inkludiert wird. Bei Tab width 4 und bei File Extensions php, css eintragen.
Das ganze dann mit OK bestätigen und schon ist der Code Sniffer eingerichtet.
28

Abbildung 2.32: Eclipse Code Sniffer preferences
2.5 Eclipse
29

3 Teststruktur
3.1 Teststruktur repository
Die Projektstruktur (siehe Abbildung 3.1) unterteilt sich in die Bereiche ausführender
Joomla-Code (1.) und Tests (2.).
In dem ausführenden Joomla! Code-Bereich ist die Struktur, wie für Erweiterungen von
Joomla! vorgegeben, einzuhalten.
Siehe für:
Komponenten: http://docs.joomla.org/Component
Module: http://docs.joomla.org/Module
Plugins: http://docs.joomla.org/Plugin
Libraries: http://docs.joomla.org/Library
Im Testbereich ist die Struktur wie folgt einzuhalten. Oberflächentests werden im Ord-
ner gui-tests und Modultests im Ordner unit-tests abgelegt. Hat die Erweiterung einen
Frontend- (site) und Backendbereich (admin) muss es in dem Testordner auch einen si-
te und admin Ordner geben, in dem die Tests für den entsprechenden Bereich hinterlegt
werden. Ist die Erweiterung nicht Bereichsspezifisch wandern die Tests direkt in den Test-
ordner gui-tests bzw. unit-tests. Zwingend notwendig bei der Testerstellung ist die Datei
testsuite.php, in der alle einzelnen Testklassen zusammengefasst werden.
30

3.2 Teststruktur workspace
Abbildung 3.1: Projektstruktur (repository)
3.2 Teststruktur workspace
Für die lokale Testausführung ist im Joomla! Hauptverzeichnis der Ordner tests zu er-
stellen. Pro Erweiterung wird ein Ordner mit dem Namen der Erweiterung erstellt, dessen
Inhalt sich mit der Struktur, wie sie im Gitorious zu finden ist, spiegelt. Als Beispiel ist in
Abbildung 3.2 die Erweiterung com thm groups zu sehen wie sie im workspace hinterlegt
wird. Zu beachten sind die Dateien framework include.php und JoomlaSeleniumTest.php.
Diese werden einmalig im tests Ordner abgelegt.
31

3 Teststruktur
32
Abbildung 3.2: Projektstruktur (workspace)

4 PHP Ausgaben
Es gibt PHP Funktionen, die zur Debugausgabe genutzt werden können. Diese haben den
Vorteilm dass auch der Typ der Variablen und Variablen mit dem Wert null ausgegeben
werden.
void var_dump ( mixed $expression );
Abbildung 4.1: var dump Ausgabe (links ohne XDebug, rechts mit XDebug)
Hat man XDebug nicht installiert kann man eine formatierte Ausgabe auch mit der
folgenden Funktion ausgeben.
mixed print_r ( mixed $expression [, bool $return = false ] )
Damit die Ausgabe formatiert ist, muss man noch folgendes schreiben:
echo "".print_r( $expression, true )."";
Abbildung 4.2: print r Ausgabe (formatiert)
33

5 Git in Eclipse
34

6 THM-Wiki
Das THM-Wiki ist unter https://wiki.thm.de/index.php/THM-Wiki zu finden.
Für die Dokumentation wird für jede Erweiterung ein eigener Artikel erstellt. Um einen
neuen Artikel zu erstellen muss man eingeloggt sein und ruft dann den folgenden Link auf
https://wiki.thm.de/index.php/. Eine Komponente mit
dem Namen “MeineKomponente” hat dann den Link https://wiki.thm.de/index.
php/Komponente_THM-MeineKomponente. Vorlagen gibt es unter folgenden Links:
• Komponente https://wiki.thm.de/index.php/Komponente_THM-Wiki-Template
• Modul https://wiki.thm.de/index.php/Modul_THM-Wiki-Template
• Plugin https://wiki.thm.de/index.php/Plugin_THM-Wiki-Template
• Library https://wiki.thm.de/index.php/Library_THM-Wiki-Template
Die Vorlagen kopieren, in den eigenen Artikel einfügen und um eigene Ergänzungen erwei-
tern.
35

7 Troubleshooting
Problem: Beim Auschecken eines GIT repositories meldet Eclipse, dass der Ordner schon
existiert.
Abbildung 7.1: Troubeshooting (folder already exists)
Erklärung: Eclipse versucht das Eclipse Projekt in dem gleichen Ordner anzulegen, in dem
auch schon das GIT repository ausgecheckt wurde und meldet dann, dass es den Ordner
mit dem gleichen Namen schon gibt. Das passiert, da der default repository Ordner nicht
existiert.
Lösung: Den default repository Ordner anlegen. Der Pfad kann in Eclipse unter Window
-> Preferences -> Team -> Git nachgeschaut werden.
36

Problem: Bei der Joomla! Installation wird gemeldet, dass die configuration.php schreib-
geschützt ist.
Abbildung 7.2: Troubleshooting (configuration.php ist schreibgeschützt)
Erklärung: Die Datei configuration.php-dist ist schreibgeschützt.
Lösung: Die Datei configuration.php-dist beschreibbar machen. Die Datei ist unter folgen-
dem Pfad zu finden. /installation/
37

7 Troubleshooting
38
Problem: Eclipse (Juno) ist langsam beim Wechseln zwischen geöffneten Dateien und beim
Öffnen neuer Dateien.
Erklärung: ?
Lösung: Eclipse schließen und die Datei unter folgendem Pfad umbenennen. /.metadata/.plugins/org.eclipse.e4.workbench/workbench.xmi in work-
bench.xmi.old umbenennen. Danach Eclipse neu starten.

Literaturverzeichnis
[GbR13] Joomla! Nafu GbR. http://www.joomla-wiki.de. Internet, February 2013.
http://www.joomla-wiki.de.
[osm13] open source matters. http://docs.joomla.org/. Internet, February 2013.
http://docs.joomla.org/.
[TMSS12] Axel Tüting, Christiane Maier-Stadtherr, and René Serradeil. Joomla!-
Extensions entwickeln: Eigene Komponenten, Module und Plugins programmie-
ren. Number ISBN-10: 3645601341 ISBN-13: 978-3645601344. Franzis Verlag
GmbH, 85540 Haar bei München, 2012.
39

Abbildungsverzeichnis
40
2.1 Gitorious setup path environment . . . . . . . . . . . . . . . . . . . . . . . . 7
2.2 Gitorious setup line ending conversions . . . . . . . . . . . . . . . . . . . . . 7
2.3 Gitorious manage SSH keys . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
2.4 Gitorious preferences add SSH key . . . . . . . . . . . . . . . . . . . . . . . 9
2.5 Gitorious preferences public SSH key . . . . . . . . . . . . . . . . . . . . . . 9
2.6 Xampp Status . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
2.7 Joomla Installation (Language) . . . . . . . . . . . . . . . . . . . . . . . . . 10
2.8 Joomla Installation (Pre-Installation Check) . . . . . . . . . . . . . . . . . . 11
2.9 Joomla Installation (Database configuration) . . . . . . . . . . . . . . . . . 12
2.10 Joomla Installation (Main Configuration) . . . . . . . . . . . . . . . . . . . 13
2.11 Eclipse set workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
2.12 Install new software . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
2.13 Eclipse EGit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
2.14 PHP Development Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2.15 Eclipse preferences (text file und new line delimiter) . . . . . . . . . . . . . 17
2.16 Eclipse preferences (PHP Executable) . . . . . . . . . . . . . . . . . . . . . 17
2.17 Eclipse preferences (PHP Debug) . . . . . . . . . . . . . . . . . . . . . . . . 18
2.18 Eclipse preferences (xDebug Port) . . . . . . . . . . . . . . . . . . . . . . . 19
2.19 Eclipse preferences (Debug Workbench Options) . . . . . . . . . . . . . . . 19
2.20 Add PEAR Library . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
2.21 Eclipse preferences (PHP Unit) . . . . . . . . . . . . . . . . . . . . . . . . . 21
2.22 Eclipse preferences (Default repository folder) . . . . . . . . . . . . . . . . . 21
2.23 Eclipse preferences (Git Configuration) . . . . . . . . . . . . . . . . . . . . . 22
2.24 Add Joomla! to Eclipse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
2.25 Joomla Project in Eclipse . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
2.26 Eclipse Code Sniffer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
2.27 Exlipse Code Sniffer (Project from Git) . . . . . . . . . . . . . . . . . . . . 25
2.28 Eclipse Code Sniffer (URL) . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
2.29 Eclipse Code Sniffer (Import as general project) . . . . . . . . . . . . . . . . 27
2.30 Eclipse Code Sniffer (Project cloned) . . . . . . . . . . . . . . . . . . . . . . 27
2.31 Eclipse CodeSniffer Standards folder . . . . . . . . . . . . . . . . . . . . . . 28
2.32 Eclipse Code Sniffer preferences . . . . . . . . . . . . . . . . . . . . . . . . . 29

Abbildungsverzeichnis
3.1 Projektstruktur (repository) . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
3.2 Projektstruktur (workspace) . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
4.1 var dump Ausgabe (links ohne XDebug, rechts mit XDebug) . . . . . . . . 33
4.2 print r Ausgabe (formatiert) . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
7.1 Troubeshooting (folder already exists) . . . . . . . . . . . . . . . . . . . . . 36
7.2 Troubleshooting (configuration.php ist schreibgeschützt) . . . . . . . . . . . 37
41