Tag 01

Montag, 15.05.2017, 08.30 - 16.00 Uhr

• Orientierungsphase, Teilnehmer-Themen, Pausenregelung / Seminarablauf
  Cobra-Shop: gesponserte Software für IT-TN bei VHS-EDV-Seminaren;
  Buchempfehlungen: meine "persönliche aktuelle Bibliothek" werde ich Donnerstag im Seminar vorlegen;
  die digitalen Daten der Woche stehen den TN am Freitag im Netz zur Verfügung
• Software- und Grundeinrichtung PCs
  Reborn-Card der TN-PCs beachten:
  wir arbeiten in den BU-Profilen ohne Rücksetzung von Laufwerk C: (Bezeichner: Windows 10 BU)
  Programme / Software: (sind in meinem aktuellem XAMPP-CMSOD in portabler Version bereits eingebunden)
  Packer: 7-Zip als Tool zum Packen/Entpacken
  Browser: Mozilla Firefox, Chrome, Opera, Safari (IE-Alternativen und Developer-Tools)
  Editor: Notepad++, PsPad (multifunktionaler Editor mit Erweiterungsmöglichkeiten / PlugIns)
  Explorer konfigurieren (Win + E): Dateiendungen nicht mehr Ausblenden lassen (bzw.: versteckte und Systemdateienen einblenden)
• Client-Server-Prinzip für WWW
  WWW - World Wide Web; Internet "Dienstleistung / Service / engl. Daemon - siehe angehängtes "d" bei httpd für Apache-Server-Software"
  Web-Client: genannt Browser, die über ein Protokoll (http, https) vom Server Daten abfragen (request)
  Browser-Software: Microsoft Internet Explorer, Google Chrome, Mozilla Firefox, Apple Safari, Opera, ...
  Web-Server: "Dienstleister"-Software - Apache ("A Patchy Server" - historisches Wortspiel für alten NCSA Webserver Mosaic, der durch "Flicken" verbessert und dann eigenständig entwickelt wurde)
  Alternative Web-Server-Software: IIS (Internet Information Server von Microsoft); nginx von Firma NGINX, LIGHTTPD, ab PHP 5.4 ist in der Skriptsprache PHP auch ein "Server" eingebaut (Link)!
  Zusammenspiel: "Kopiermaschine" - Client fragt nach Webdokument - Server bereitet Daten auf und kopiert an Client
  Wichtig: unsere serverseitigen PHP-Dokumente müssen immer über eine http-Url im Browser aufgerufen werden und die Dokumente sollten immer über die Dateiendung php verfügen
• Windows-XAMPP
  Konfigurationen nötig auf Windows- (also Client-) und Server-Seite (XAMPP)
  Anm.: Trainer Joe Brandes stellt einen komplett für den CMS Online Designer und TYPO3 vorkonfigurierten und dokumentierten XAMPP-CMSOD bereit!
  

  Ich stelle als Trainer ein fertiges und selbstentpackendes XAMPP-Archiv (7-Zip) bereit, das bereits für die CMSOD-Seminare vorkonfiguriert ist und nur zu Übungs-/Test- und Entwicklungszwecken genutz werden sollte!
  Aktuelles Archiv: xampp-cmsod-TEILNEHMER-20170323.exe
  MD5-Prüfsumme:  9615a3cd01e16463cc39e5c2b468143b
  

  Dieser XAMPP hat eine integrierte Konfigurations-Dokumentation - diese Doku des Seminar-XAMPP wurde auch auf diesem Portal (siehe Link zu CMSOD 2.0 bzw. 3.0) bereitgestellt und in einer speziellen CMSOD-Website (TYPO3-Technik) aufbereitet.
• XAMPP-CMSOD (Version 2.0 bzw. 3.0 Beta)
  die vorbereitete Umgebung:
  

  Technik	Info	Bemerkung
  XAMPP	C:\xampp-cmsod\	Basispfad des XAMPP-CMSOD
  Web-Dokumente	C:\xampp-cmsod\htdocs	mit Unterordnerstrukturen
  URL im Browser	http://localhost/phpmysql/phpmysql-seminar	Projekte immer über http:// aufrufen
  Apache	C:\xampp-cmsod\apache\conf\httpd.conf	Konfigurationsdatei Webserver
  PHP	C:\xampp-cmsod\php\php.ini	Konfigurationsdatei PHP

  Für TYPO3 sind noch Arbeiten am TN-PC (Client-Seite) nötig, die ich in den entsprechenden Beiträgen darstelle.
• Serverumgebung XAMPP - Seminar-Version: XAMPP 7.0.13 mit PHP 7.0.13
  basierend auf den XAMPP-Systemen der Website www.apachefriends.org
  X - diverse Betriebssysteme: Linux (L), Windows (W), MacOS (M) oder Sun Solaris; klassisch: LAMP-Systeme!
  AMP - A - Apache (Webserver), M - MariaDB / MySQL (Datenbankserver), P - PHP (serverseitige Skriptsprache)
  P - Projekt;
  bei Hostern: klassisches LAMP-System (Linux - Apache - MySQL - PHP)
  Hier eine kleine Übersicht/Zusammenfassung zur genutzten AMP-Umgebung:
  

  AMP	A - Apache	M - MySQL	P - PHP
  Technik	Web-Server	Datenbank-Server	serverseitige Skriptsprache
  Web (URL)	httpd.apache.org (Projekt Apache Foundation)	www.mysql.com (bzw. .de)	www.php.net (bzw. de.php.net)
  Konfigurationen	httpd.conf	my.ini (bzw. my.cnf)	php.ini

  Im Seminar werden einfache Konfigurationsbeispiele dargestellt.
• Vorgehensweise im Seminar: (bezieht sich auf vom Trainer bereitgestelltes selbstentpackendes XAMPP-Archiv)
  1) XAMPP-Archiv auf TN-PC kopieren über Netzwerkfreigabe oder von bereitgestellter Trainer-CD
  2) Selbstentpackendes 7z-Archiv mit Doppelklick "öffnen/entpacken"
  3) Zielordner: C:\xampp-cmsod angebeben
  Anm.: Entpacken in Zielpfad  C:\xampp-cmsod  ist wichtig!
  Grund: weil alle eingebauten CMSOD-Techniken und Tools auf dieses lokale Verzeichnis optimiert wurden.
  Tipp: eigene XAMPPs kann man dann einfach in anderen Verzeichnissen wie C:\xampp unterbringen.
  4) Starten der xampp-control.exe (Kontrollcenter) und
  5) Starten von Apache Webserver und MySQL Datenbankserver
  Anm.: die Nachfragen der Windows-Firewall bei den Dienste-Starts können abgebrochen werden, da wir keine Zugriffe auf unsere lokalen Testinstallationen über das Netzwerk wünschen. Die Aktionen zum Starten Webservice Apache und Datenbankserver MySQL (bzw. MariaDB) müssen wir täglich (also jeweils bei Bedarf) starten.
  Empfehlung: von einer automatischen Bereitstellung des XAMPP-Server über (automatisch startende) Services (Dienste) rate ich ab!
  6) Browser Starten des für Webentwicklung CMSOD optimierten Firefox über Schaltfläche "Admin" im Kontrollcenter bei Webserver Apache
  Hinweis: dieser portable Firefox hat bereits Standard-AddOns installiert und nutzt z.B. auch keinen Browser-Cache;
  Wichtig: Sie können einen installierten und diesen mobilen FF nicht gleichzeitig nutzen!
  

  Für Technik- und CMSOD-Zertifikat-Interessierte befindet sich unter (URL) http: //localhost/cmsod-overview  eine Website mit Infos rund um den CMSOD und die genutzten Techniken und Konfigurationen.

• Web-Dokumente-Ordner
  Erkenntnis: XAMPP-Verzeichnis: c:\xampp-cmsod\htdocs (entspricht der Request-URL: http://localhost/)
  

  Übungsordner	C:\xampp-cmsod\htdocs\phpmysql\phpmysql-seminar
  URL	http://localhost/phpmysql/phpmysql-seminar

  Bitte erstellen Sie sich im Dateimanager (Windows Explorer - Win + E) und in Ihrem Browser die nötigen Favoriten (Bookmarks / Verknüpfungen / Schnellzugriffe), um die Aufrufen der URLs und das Auffinden der PHP-Dokumente zu beschleunigen.
  Wichtige Empfehlungen:
  keine Umlaute, keine Sonderzeichen, Groß- und Kleinschreibung beachten (also Empfehlung: alles klein schreiben), keine Leerzeichen!
  Bei Anfrage von Verzeichnissen gibt XAMPP ein Inhaltsverzeichnis (Index) zurück - das ist auf Produktionssystem nicht wünschenswert und dort auch anders konfiguriert; ansonsten sind Standarddokumente mit interner Reihenfolge in Konfigurations des Webservers hinterlegt (z.B. index.php index.html index.htm index.php3 ...)
• Notepad++ Tipps - Standardeditor für das Seminar (in XAMPP-CMSOD PortableApps eingebaut)
  Hilfe PHP: Cursor in PHP-Technikwort und Online-Hilfe mit Alt + F1 aufrufen
  Code-Completion (Codevervollständigung) mit Strg + Leertaste
  Zoomfaktor/Schriftanzeigengröße mittels Strg + Rollrad-Maus oder Strg + "+" (oder -) auf Nummernblock
  Für sauberes Syntax-Highlighting und Codecompletion benötigt Notepad++ Datei mit gespeichertem Dateiformat (Menü Sprachen)
  Tipp: Über Kontextmenü auf PHP-Datei den portablen Editor Notepad++ als Standardprogramm zum Öffnen einstellen
  Pfad: C:\xampp-cmsod\_tools\_portable\PortableApps\Notepad++Portable\Notepad++Portable.exe
• Zeichencodierungen
  die IT-Systeme kennen nur 0 und 1, also verwendet man "Tabellen", die 0/1-Kombinationen dann Zeichen zuordnen
  Beispiele: ASCII, ANSI, ISO-8859, UTF-8 (und andere UTF-Varianten; auch als Unicode bezeichnet); nur in 7 Bit also den ersten 128 Zeichen sind diese "Nachschlagetabellen" gleich
  Empfehlung: bitte in UTF-8 bzw. UTF-8 ohne BOM speichern mit Notepad++ ;
  gerne zusammen mit sauberem HTML-Header (<meta charset="utf-8">)
  Hinweis zu CMS Joomla: dort sollten alle Konfigurationsdateien (*.ini) unbedingt mit UTF-8 ohne BOM gespeichert werden
• PHP-Hilfe nutzen
  Aufruf der Online-Hilfe von PHP-Webportal php.net mittels Cursor in PHP-Wort und Alt + F1
  Übung: Bereitstellung der PHP-Hilfe als CHM-Datei - wichtig: CHM-Dateien müssen seit Windows XP SP2 erst in Kontextmenü "zugelassen" werden
  Link zu (deutschen) PHP-Dokumentationen
• Mischung von HTML und PHP
  letztendlich wollen wir natürlich komplette Webseiten an den Client ausliefern - also benötigen wir HTML-Gerüste und bringen dort unsere PHP-Skriptzeilen unter; das werden wird aber nur erst mal ausprobieren und verstehen und uns dann wieder auf PHP konzentrieren
  Anm.: in vielen Beispielen werden zur schnellen Verdeutlichung direkte Styles in HTML verdrahtet - also ohne saubere CSS Stylings; das muss natürlich später sauber gemäß der Techniken aus "HTML & CSS" codiert werden!
  Für das Einfügen von PHP beschreibt das PHP-Handbuch unterschiedliche, technische Möglichkeiten. Auszug aus der PHP-Hilfe: "...Es gibt vier unterschiedliche Paare öffnender und schließender Tags, die in PHP verwendet werden können.
  Empfehlung: <?php ?>
  Die Einbindung mit <script>-Tag ist mit PHP7 nicht mehr gewünscht. Die anderen Varianten sind Short-Tags und ASP-Tags, die über das php.ini-Konfigurationsfile ein- und ausgeschaltet werden können. ..." (Link)
  Tipp für komplettes HTML5-Gerüst:  html:5  (dann Strg + , ← Tastenkombination mit Strg und Komma; Erkl.: Erweiterung Emmet in Notepad++)
• Kommentare in PHP
  Einzeilig mit //, mehrzeilig mit /* ... */,
  spezielle Kommentartechniken mit automatischen Dokumentationserstellungen (siehe phpDoc)
  Nutzen zum Auskommentieren von Zeilen - also Testzwecken - oder natürlich der Erläuterung von Code im Skript (wichtig für spätere Nachvollziehbarkeit und Analyse / Anpassung)
• PHP-Status (Version) und Konfigurationen ermitteln - phpinfo() - unser erstes Skript (Link php.net)
  Ein kleines Skript erledigt die Arbeit
  

  <?php
      // Kommentar: Wir wollen die PHP-Server-Konfiguration auslesen!
      phpinfo();
  ?>

  Achten Sie bei Ausdrücken in Skriptsprachen generell auf das hier auch abschließende "; (Semikolon)
• echo (Sprachkonstrukt zur Übergabe von Strings an Browser - Link php.net)
  Ausgabe von Text und Variablen (beginnen immer mit $), Konstanten werden mit define vereinbart
  bei Verwendung von doppelten Anführungszeichen (double quotes) werden integrierte Variablen in der Ausgabe (im String) ausgewertet
  die einfachen Anführungszeichen (single quotes) erlauben die Verschachtelung mit doppelten Anführungszeichen (siehe HTML-Code class="top" oder ähnliche Syntax;
  außerdem kann man Texte / Strings über den Operator "." aneinderheften oder über Kommas einfach nacheinander aufzählen
  Alternative: print  - mit dieser Funktion kann man auch gleichzeitig Zuweisungen erstellen:
  $var = print("Text");   // Zuweisung und Ausgabe - print arbeitet auch ohne Klammern
• vordefinierte PHP-Konstanten ("magische" PHP-Konstanten - Link php.net)
  __LINE__, __FILE__, PHP_VERSION, PHP_OS
  Nutzung für "Debugging" und Analyse von PHP-Skripten
• date (Datumsfunktionen - Link php.net)
  Recherche mit PHP-Hilfe;
  Übung mit Augabe (echo) des aktuellen Datums in der Form "2014-06-02"
  $heute = date("Y-m-d"); // gibt das gewünschte Datum und Format aus
  Funktion zum Erstellen von Datumswert: mktime   (Link php.net - bitte die Reihenfolge Monat, Tag beachten!)
  Hinweis: DATETIME Formatierung mittels Formatierungsstring "Y-m-d H:i:s";
  später für MySQL-Datenbank wichtig!
• $_SERVER[...] (Link php.net)
  technisch: Superglobales Array für die Nutzung von Server-Variablen
  wie HTTP_USER_AGENT, SERVER_NAME und natürlich PHP_SELF
  Aufruf mittels $_SERVER['PHP_SELF']  (wichtig für dynamische Website - Hauptseite ruft sich selbst immer wieder auf...)
• Arrays (erste Annäherung - Funktion array Link php.net)
  2-dimensionale Tabellen mit Spalte für Index und Spalte für Inhalt / Wert,
  bei nummerischen Arrays laufen die Indizes von 0, 1, 2, ...
  bei assoziativen Arrays (Hash-Tabellen) werden Begriffe / Bezeichner für die Indizes genutzt,
  Definition von Array mit Hilfe von PHP-Aufruf array(...) und Zuweisung mittels "=>"
• Arrayfunktionen - array() - foreach() - Beispiele und Übungen
  Beispiel (assoziatives Array):  $arr = array( "Nr" => 12345, "Name" => "Meier", ...)
  Beispiel (nummerisches Array):  $arr2 = array( "Auto", "Bahn", "Fahrrad")
  Definierten Wert mit Klammerschreibungen:   $arr['Nr']   bzw.    $arr2[2] 
  Funktion count($arr) ergibt die Anzahl von Werten im Array
  Neuen Wert in nummerischem Array einfügen:  $arr[] = "Flugzeug" 
  Ausgabe (zu Testzwecken) von Arrays mit Funktionen print_r und var_dump  
  Tipp: Einschachtelung in pre-Tags für formatierte Ausgabe im Browser (im Quellcode immer gut lesbar)
  Automatische Schleifenfunktion für das Handling von Arrays: foreach 
  Arrays sind nur 2-dimensional (nur 2 Spalten) können aber auch noch verschachtelt werden!

• XAMPP Kontrollcenter
• Seminarordner
• phpinfo()
• php.net - Hilfe
• PHP Hilfedateien
• date() - Variablen