Literatur und Links [1-1] Seidler, Kai; Vogelsang, Kay: Das XAMPP Handbuch. Addison-Wesley, 2006 [1-2] http://www.apachefriends.org/download.html http://sourceforge.net/projects/xampp/files/ [1-3] http://aktuell.de.selfhtml.org/extras/download.shtml [1-4] http://www.selfphp.info/de/extras/download.php [1-5] http://www.php.net/docs.php [1-6] http://www.ulduzsoft.com/linux/kchmviewer/getting-kchmviewer/ http://sourceforge.net/projects/kchmviewer/files/ [1-7] http://dev.mysql.com/downloads/tools/workbench/ [1-8] http://www.gimp.org/downloads/ http://www.inkscape.org/de/ [1-9] http://www.ukrebs-software.de/german/back4sure/download.html 2
Übersicht Lokales Arbeiten unter Windows Arbeiten mit einem Server Virtuelle Maschine für Linux 3 Entwicklungsumgebung (Windows) I Download über www.apachefriends.de bzw. gleich: http://sourceforge.net/projects/xampp/files/ Download und Installationshinweise stehen unter https://www.apachefriends.org/download.html 4
Entwicklungsumgebung (Windows) II Es wird als erstes XAMPP 5.6.12 installiert: xampp-win32-5.6.12-0-vc11-installer.exe 5 Entwicklungsumgebung (Windows) III Tomcat können Sie für diese Veranstaltung weglassen; für die LV Programmieren könnte Tomcat aber benötigt werden. 6
Entwicklungsumgebung (Windows) IV Zum Deinstallieren muss die Routine \xampp\unstall.exe aufgerufen werden diese steht im Installationsordner. Oder es wird der normale Deinstallationsmechanismus über die Systemsteuerung (Programme und Funktionen) benutzt: 7 Entwicklungsumgebung (Windows) V Unter Windows sollte der Installationsordner unter c:\programme liegen, d.h. c:\programme\xampp Ab Windows 7 ist c:\xampp besser. 1) Dann das Control-Panel starten: Start des Apache-Servers Start des MySQL-Servers 2) Prüfung, ob alles in Ordnung ist, per Browser: Als URL folgendes eingeben: http://localhost/ bzw. http://localhost/xampp/index.php Im folgenden werden die Snapshot-Dumps dazu angezeigt. 8
Entwicklungsumgebung (Windows) VI Der XAMPP-Ordner c:\xampp Oberer Teil 9 Entwicklungsumgebung (Windows) VII Der XAMPP-Ordner c:\xampp Unterer Teil 10
Entwicklungsumgebung (Windows) VIII In den Ordner c:\xampp\htdocs kommen die HTML/PHP-Dateien 11 XAMPP I - Vor dem Serverstart 12
XAMPP II Der Apache php.ini 13 XAMPP III Der Apache Wichtig für die Fehlersuche 14
XAMPP IV Der Aufruf Nun wird der Browser aufgerufen mit folgender URL (Adresse): http://localhost/ bzw. http://localhost/xampp/index.php 15 XAMPP V Der Aufruf http://localhost/dashboard 16
XAMPP VI Der Aufruf http://localhost/dashboard/phpinfo.php 17 Start von phpmyadmin I http://localhost/phpmyadmin 18
Start von phpmyadmin II 19 Start von phpmyadmin III Die Web-Administrationsoberfläche phpmyadmin oberer Teil 20
Start von phpmyadmin IV Die Web-Administrationsoberfläche phpmyadmin unterer Teil 21 Lokales Arbeiten I ohne Webserver URL: file:///c:/.../hello.html Browser (1) read Hello.html Die Adressen der Objekte (URL) sind Verweise auf lokale Dateien. Dies funktioniert NUR(!) lokal auf dem eigenen PC; eine Übertragung auf eine andere Maschine kann zu Problemen führen. Dies geht auch ohne XAMPP, ist aber nicht zu empfehlen. Ordner Eigene Dateien 22
Lokales Arbeiten II mit Webserver URL: http://localhost/hello.html Apache (3) HTTP Browser (2) read (1) copy Hello.html Das ist die richtige Arbeitsweise, da alle Adressen echte Web-Adressen sind. Schritt (1) muss immer zu Fuß gemacht werden. Ordner htdocs Ordner Eigene Dateien Vorher muss der Web- Server gestartet sein. 23 Lokales Arbeiten III mit (echtem) Webserver URL: http://localhost/hello.html Apache (3) HTTP Browser (2) read FTP Ordner htdocs (1b) copy (1a) copy Hello.html Ordner Eigene Dateien Das ist die lokale Entwicklungsumgebung für einen echten Web-Server, der nicht unbedingt lokal, sondern im Internet liegen kann. Lokal oder Remote Lokal 24
Erstes Arbeiten mit netbeans I Es wird ein neues Projekt ausgewählt, dann der Typ PHP-Applikation bestimmt Dies ist die netbeans-version 8.0.2, Eclipse geht natürlich auch! 25 Erstes Arbeiten mit netbeans II Nun wird ein Name definiert immer neueste PHP-Version auswählen. 26
Erstes Arbeiten mit netbeans III Hier nun unterscheiden sich die oben vorgestellten Varianten Wir wählen die einfachste als erstes... Am Anfang steht hier nichts, das muss über configure geändert werden. Der Rest ist erst einmal uninteressant, also Finish 27 Erstes Arbeiten mit netbeans IV configure... Hier wird der Pfad zum PHP-Interpreter eingetragen (hängt vom Ort der Installation ab) Das ist nur ein einziges Mal erforderlich. 28
Erstes Arbeiten mit netbeans IV Unser erstes PHP-Programm: Hallo World! 29 Erstes Arbeiten mit netbeans V Eingeben des Programms und Starten über das grüne Dreieck. Die Ausgabe erscheint unterhalb des Source-Code-Fensters. 30
Nun über den Server I Wir legen ein neues Projekt an wie gehabt: 1.Schritt 2.Schritt 31 Nun über den Server II Wir legen ein neues Projekt an wie gehabt, aber stellen im 3. Schritt des Assistenten etwas anderes ein. 3.Schritt In den htdocs-ordner soll nun netbeans alle Dateien installieren. 32
Nun über den Server III Dazu schreiben wir uns schnell eine einfache Seite mit dem Hallo- World-PHP-Befehl was das alles zu bedeuten hat, wird später erklärt. 33 Nun über den Server IV Mit Set Main Project wird Ein bestehendes Projekt zum Hauptprojekt gemacht. Dann ein Klick auf das grüne Dreieck: Die Datei wird kopiert, der Browser gestartet und das Ergebnis angezeigt. 34
Nun über den Server V Wir können uns im Browser den angezeigten Quellcode der Datei anzeigen lassen. 35 Nun über den Server VI Das Ergebnis der Konfiguration schauen wir uns nun über den folgenden Weg an: Projekt (rechte Maustaste) 36
Nun über den Server VII Wir können an diesen Stelle unsere Konfiguration einsehen und ändern. 37 Arbeiten mit lokalem FTP-Server I Start des FTP-Servers mit dem Namen FileZilla Dann zur Konfiguration auf Admin klicken 38
Arbeiten mit lokalem FTP-Server II Vorher muss der FTP-Server konfiguriert werden. Auf Admin klicken, dann auf OK im kleinen Fenster. Auch das ist nur ein einziges Mal notwendig. 39 Arbeiten mit lokalem FTP-Server III Anschließend geht ein großes Fenster auf; dort die Users auswählen. 40
Arbeiten mit lokalem FTP-Server IV Nach Users>Add den Benutzernamen definieren Dann wird ein Bereich eingerichtet, hier bmesser ohne Passwort. 41 Arbeiten mit lokalem FTP-Server V Es folgt die Festlegung des htdocs-ordners mit allen Permissions für den FTP-Server (lokal ist das so in Ordnung, im Internet nicht). 42
Arbeiten mit lokalem FTP-Server V Dann den htdocs-ordner nach Add eingeben und dann die Permissions. 43 Arbeiten mit lokalem FTP-Server VI Das Ganze wird mit dem FTP-Client FileZilla getestet. http://sourceforge.net/projects/filezilla/files/filezilla_client/ Klappt! 44
Netbeans mit FTP-Server I Wieder beginnt es mit dem Assistenten nun ist wieder der 3. Schritt anders: Und wieder muss einmalig konfiguriert werden 45 Netbeans mit FTP-Server II Konfiguration der FTP-Verbindung 46
Netbeans mit FTP-Server III Nach dem Start des Programms und nach der Neudefinition des Hauptprojektes wird nachgefragt, welche Dateien hochgeladen werden sollen. Wir sagen hier alle. 47 Netbeans mit FTP-Server IV Dann kommt die Passwort- Abfrage und die Übertragung. Dann wird der Browser gestartet, der wie beim vorherigen Beispiel unsere Datei bekommt. 48
Installation der IDE I Hier gibt es verschiedene Möglichkeiten je nach Geschmack: Eclipse mit PHP-Plugins Netbeans mit PHP-Plugins Einfache Editoren vim jedit 49
Installation der IDE III Adresse: http://netbeans.org/downloads/ Die englische Version, deutsche Versionen gibt es hier kaum. 51
Firebug beim Firefox I Add-ons auswählen Firebug suchen 57 Firebug beim Firefox II Installieren Mit F12 starten 58
Firebug beim Firefox III - https://lsf.htw-berlin.de Alle geladenen Dateien 59 Firebug beim Firefox IV - https://lsf.htw-berlin.de Die JavaScript-Quellen 60
Firebug beim Firefox V - https://lsf.htw-berlin.de Die HTML-Quellen 61 Firebug beim Firefox VI - https://lsf.htw-berlin.de Die Cookies 62
Installation von Manuals I SelfHTML SelfPHP PHP Documentation PHP Documentation Kommentare Reference-Handbuch für HTML, CSS und JavaScript sehr empfehlenswert http://aktuell.de.selfhtml.org/extras/download.shtml Dasselbe für PHP sehr empfehlenswert http://www.selfphp.info/de/extras/download.php Offizielle Dokumentation von PHP http://www.php.net/docs.php Offizielle Dokumentation von PHP mit ergänzenden Kommentaren sehr empfehlenswert http://www.php.net/docs.php Am besten ist es für Windows-Freunde die CHM-Versionen zu benutzen. Falls der eingebaute chm-viewer nicht funktioniert, dann nehmen Sie am besten den kchmviewer von http://sourceforge.net/projects/kchmviewer/ 63 Zu selfhtml (nur für HTML 4 geeignet) http://de.selfhtml.org/ http://aktuell.de.selfhtml.org/extras/selfchm.htm 64
Zu selfphp http://www.selfphp.de/de/extras/download.php 65 Zu PHP Einfache und erweiterte Dokumentation http://www.php.net/docs.php http://www.php.net/download-docs.php 66
CHM-Viewer http://www.ulduzsoft.com/linux/kchmviewer/ http://sourceforge.net/projects/kchmviewer/files/ 68
MySQL Workbench I http://dev.mysql.com/downloads/tools/workbench/ 69 MySQL Workbench II 70
Zeichenprogramme http://www.gimp.org/downloads/ http://www.inkscape.org/de/herunterladen/windows-installer/ 71 Dann noch etwas Backups! I http://www.ukrebs-software.de/german/back4sure/download.html 72
Dann noch etwas Backups! II 73 Dann noch etwas Backups! III 74
Dann noch etwas Screenshots http://getgreenshot.org/de/ 75 Für die Freunde von Eclipse Eclipse mit PHP zusammen: http://www.eclipse.org/downloads/packages/eclipse-php-developers/ heliosr Installationsvideos (auf Deutsch): http://www.youtube.com/watch?v=scbw8dsqa3i http://www.youtube.com/watch?v=08-dgbn-53m http://www.youtube.com/watch?v=ie1x_1dvt2m Für PHP selbst: http://www.youtube.com/user/phptutorialdeutsch?feature=watch 76
Linux-Version Es gibt noch eine virtuelle Maschine (VirtualBox) mit Linux. Diese basiert auf redhat Linux (CentOS 6.7). Installiert und konfiguriert ist dort: XAMPP 5.6.12 Java 1.8 Netbeans 8.0.2 C Software für Übungen der LV Rechnernetze Software für Übungen der LV Architektur verteilter Systeme Die Benutzung wird auf Wunsch in den Übungen erklärt. 77 Nach dieser Anstrengung etwas Entspannung... 78