Literatur und Links. Webtechnologien SS 2015 Teil 1/Entwicklung

Transkript

1 Literatur und Links [1-1] Seidler, Kai; Vogelsang, Kay: Das XAMPP Handbuch. Addison-Wesley, 2006 [1-2] [1-3] [1-4] [1-5] [1-6] [1-7] [1-8] [1-9] 2

2 Übersicht Lokales Arbeiten unter Windows Arbeiten mit einem Server Virtuelle Maschine für Linux 3 Entwicklungsumgebung (Windows) I Download über bzw. gleich: Download und Installationshinweise stehen unter 4

3 Entwicklungsumgebung (Windows) II Es wird als erstes XAMPP installiert: xampp-win vc11-installer.exe 5 Entwicklungsumgebung (Windows) III Zum Deinstallieren muss folgende Routine \xampp\unstall.exe aufgerufen werden diese steht im Installationsordner. Oder es wird der normale Deinstallationsmechanismus über die Systemsteuerung (Programme und Funktionen) benutzt: 6

4 Entwicklungsumgebung (Windows) IV Unter Windows sollte der Installationsordner unter c:\programme liegen, d.h. c:\programme\xampp Ab Windows 7 ist c:\xampp besser. Dann das Control-Panel starten: Start des Apache-Servers Start des MySQL-Servers Prüfung, ob alles in Ordnung ist, per Browser: Als URL folgendes eingeben: bzw. Im folgenden werden die Snapshot-Dumps dazu angezeigt. 7 Entwicklungsumgebung (Windows) V Der XAMPP-Ordner c:\xampp Oberer Teil 8

5 Entwicklungsumgebung (Windows) VI Der XAMPP-Ordner c:\xampp Unterer Teil 9 Entwicklungsumgebung (Windows) VII In den Ordner c:\xampp\htdocs kommen die HTML/PHP-Dateien 10

6 Entwicklungsumgebung VIII (XAMPP 1.8.3) Vor dem Serverstart Nach dem Serverstart 11 Entwicklungsumgebung (Windows) IX Nun wird der Browser aufgerufen mit folgender URL (Adresse): bzw. 12

7 Entwicklungsumgebung (Windows) X Zur ersten Initialisierung die Sprache auswählen Dann erscheint die Arbeitsfläche 13 XAMPP I 14

8 XAMPP II 15 XAMPP III 16

9 XAMPP IV 17 Start von phpmyadmin I 18

10 Start von phpmyadmin II 19 Start von phpmyadmin III Die Web-Administrationsoberfläche phpmyadmin oberer Teil 20

11 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 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. Hello.html Dies geht auch ohne XAMPP, ist aber nicht zu empfehlen. Ordner Eigene Dateien 22

12 Lokales Arbeiten II mit Webserver URL: 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: 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 Web-Space liegen kann. Lokal oder Remote Lokal 24

13 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, Eclipse geht natürlich auch! 25 Erstes Arbeiten mit netbeans II Nun wird ein Name definiert immer neueste PHP-Version auswählen. 26

14 Erstes Arbeiten mit netbeans III Hier nun unterscheiden sich die oben vorgestellten Varianten Wir wählen die einfachste als erstes... Der Rest ist erst einmal uninteressant, also Finish 27 Erstes Arbeiten mit netbeans IV Unser erstes PHP-Programm: Hallo World! 28

15 Erstes Arbeiten mit netbeans V Nun gibt es ein kleines Problem: der PHP-Interpreter muss konfiguriert werden, denn er befindet sich nicht an der angegebenen Stelle. Dies braucht nur ein einziges Mal eingestellt zu werden. 29 Erstes Arbeiten mit netbeans VI Nach einem Klick auf configure stellen wir den Pfad richtig ein. Im Installationsverzeichnis steht der Interpreter unter php. 30

16 Erstes Arbeiten mit netbeans V Eingeben des Programms und Starten über das grüne Dreieck. Die Ausgabe erscheint unterhalb des Source-Code-Fensters. 31 Nun über den Server I Wir legen ein neues Projekt an wie gehabt, aber stellen im 3. Schritt etwas anderes ein: In den htdocs-ordner soll nun netbeans alle Dateien installieren. 32

17 Nun über den Server II 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 III 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 angzeigt. 34

18 Nun über den Server IV Wir können uns im Browser den angezeigten Quellcode der Datei anzeigen lassen. 35 Arbeiten mit lokalem FTP-Server I Start des FTP-Servers mit dem Namen FileZilla 36

19 Arbeiten mit lokalem FTP-Server II Vorher muss der FTP-Server konfiguriert werden. Auf Admin klicken, dann auf OK im kleinen Fenster. Anschließend geht ein großes Fenster auf; dort die Users auswählen. 37 Arbeiten mit lokalem FTP-Server III Dann wird ein Bereich eingerichtet, hier bmesser mit/ohne Passwort. Es folgt die Festlegung des htdocs-ordners mit allen Permissions für den FTP-Server (lokal ist das in Ordnung, im Internet nicht). 38

20 Arbeiten mit lokalem FTP-Server IV Nach dem Start des Programms und nach der Neudefinition des Hauptprojektes wird nachgefragt, welche Dateien hochgeladen werden sollen. Wir sagen hier alle. 39 Arbeiten mit lokalem FTP-Server V Dann kommt die Passwort- Abfrage und die Übertragung. Dann wird der Browser gestartet, der wie beim vorherigen Beispiel unsere Datei bekommt. 40

21 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 41

22 Installation der IDE III Adresse: Die englische Version, deutsche Versionen gibt es hier kaum. 43

23

24

25 Installation von Manuals I SelfHTML SelfPHP PHP Documentation PHP Documentation Kommentare Reference-Handbuch für HTML, CSS und JavaScript sehr empfehlenswert Dasselbe für PHP sehr empfehlenswert Offizielle Dokumentation von PHP Offizielle Dokumentation von PHP mit ergänzenden Kommentaren sehr empfehlenswert 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 49 Zu selfhtml

26 Zu selfphp 51 Zu PHP Einfache und erweiterte Dokumentation

27 CHM-Viewer

28 MySQL Workbench I 55 MySQL Workbench II 56

29 Zeichenprogramme Dann noch etwas Backups! I 58

30 Dann noch etwas Backups! II 59 Dann noch etwas Backups! III 60

31 Dann noch etwas Screenshots 61 Für die Freunde von Eclipse Eclipse mit PHP zusammen: heliosr Installationsvideos (auf Deutsch): Für PHP selbst: 62

32 Linux-Version Es gibt noch eine virtuelle Maschine (VirtualBox) mit Linux. Diese basiert auf redhat Linux (CentOS 6.6). Installiert und konfiguriert ist dort: XAMPP Java 1.8 Netbeans C Software für Übungen der LV Rechnernetze Software für IT-Sicherheit Software für Übungen der LV Architektur verteilter Systeme Die Benutzung wird auf Wunsch in den Übungen erklärt. 63 Nach dieser Anstrengung etwas Entspannung... 64