Herzlich willkommen im Modul Web-Engineering

Transkript

1 Herbst 2014 Herzlich willkommen im Modul Web-Engineering Wirtschaftsinformatik: 5. Semester Dozenten: Rainer Telesko / Martin Hüsler Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 1

2 Ablauf im 5. Semester Modul = Kurs (4 ECTS-Punkte) Stundenplan (Übungen/Projekt) Arbeit am Notebook Online-Hilfen Gruppenarbeit 50% der Modulnote 40 min. Modulschlussprüfung Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 2

3 Einbettung: Aus Ihrem Studium kennen Sie bereits HTML, CSS, JavaScript und Datenbanken. Web-Engineering soll da anknüpfen Dynamische Webseiten wollen wir mit PHP und MySQL realisieren. Wir wollen viele praktische Erfahrungen sammeln. Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 3

4 Inhalt: Einleitung ins Themengebiet Einführung in PHP (und MySQL) kurzer Einblick in Frameworks, IDE s usw. Übungen und Gruppenarbeit Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 4

5 Aufbau einer Web-Adresse Angabe des Protokolls Rechnername und Domain Top Level Domain (Länderkennzeichnung) Pfadnamen / Verzeichnis Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 5

6 Lokaler Webserver /xampp oder localhost /xampp Auf der eigenen HTTP-Server-Umgebung können einfach die selbst erstellen PHP-Scripts ausgetestet werden, bevor diese online gestellt werden. Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 6

7 Sicherheit Sicher ist, dass nichts sicher ist Karl Valentin dt. Komiker und Schriftsteller Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 7

8 Was steht auf dem Spiel? Wo grosse Summen im Spiel sind, sollte man niemandem trauen. Agatha Christie Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 8

9 Was ist eine Firewall? intern extern (böse Welt) Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 9

10 Quelle: NetApplications/The Next Web Marktanteile Webbrowser - Desktop Fachhochschule Nordwestschweiz FHNW / Martin Hüsler 10

11 Marktanteile Webbrowser Mobile/Desktop Fachhochschule Nordwestschweiz FHNW / Martin Hüsler 11

12 HTML Statische Webseiten Hypertext Markup Language Client Browser http Hypertext Transfer Protokoll Server Web-Server URL HTML-Seite Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 12

13 DHMTL Dynamische Webseiten clientseitig! Dynamic HTML (mit CSS, JavaScript, JAVA) Client Browser Java- Maschine http URL HTML-Seite + evtl. Applet Server Web-Server Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 13

14 CGI Dynamische Webseiten serverseitig! Common Gateway Interface Client Browser http URL + Parameter HTML-Seite Server Web-Server PHP-Code HTML PHP- Interpreter Filesystem Server MySQL- Datenbank Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 14

15 Dynamische Webseiten serverseitig! Ein CGI-Programm kann in einer beliebigen Sprache geschrieben werden. Ein CGI-Programm kann sehr komplex sein und z.b. die Dienste eines Dantenbankservers steuern. Einige Sprachen eigenen sich speziell gut für die CGI- Programmierung. Deshalb sind heute sehr viele Perl- Programme im Einsatz. Im Gegensatz zu Perl wird PHP direkt in den Webseitencode eingebettet, was den Einsatz vereinfacht. Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 15

16 Der Vorteil der serverseitigen Dynamik Die ganze Dynamik ist in unseren Händen! Wir arbeiten praktisch unabhängig von den Usern! Wenn etwas nicht funktioniert, liegt der Fehler bei uns. PHP-Code Server Web-Server PHP- Interpreter HTML Filesystem Server MySQL- Datenbank Deshalb beschäftigen wir uns mit der serverseitigen Dynamik! Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 16

17 Unser Vorgehen: - Wir wollen uns Schritt für Schritt in die Sprache PHP einarbeiten. - Wir helfen einander und lernen gemeinsam. - Wir wollen mehr realisieren als reden! - Am besten Projekte realisieren, die auch genutzt werden! Ziel: Sie sollen Freude haben, an dieser mächtigen Skriptsprache. Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 17

18 Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 18

19 Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 19

20 Arbeiten auf Ihrem Notebook mit XAMPP Damit Sie in den nächsten Lektionen mit PHP und MySQL auf Ihrem Notebook arbeiten können, ist die Installation von XAMPP erforderlich. Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 20

21 Perl PHP MySQL-Datenbank Apache-Webserver x-beliebiges Betriebssystem Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 21

22 Arbeiten auf Ihrem Notebook mit PSPAD oder Notepad++: Um Perl- oder PHP-Scripte zu schreiben ist ein Editor erforderlich. Es muss ein Editor sein, der auch im UNIX-Format speichern kann, wenn wir Daten auf dem Netzlaufwerk ablegen. Installieren Sie dazu z.b. den Freeware-Editor PSPAD. ( Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 22

23 Notepad++ (Freeware) Fachhochschule Nordwestschweiz FHNW / Rainer Telesko und Martin Hüsler 23

24 PSPad-Editor (Freeware) Fachhochschule Nordwestschweiz FHNW / Rainer Telesko und Martin Hüsler 24

25 - Bitte installieren Sie XAMPP, damit wir mit PHP weiterfahren können! - Installieren Sie auch einen guten Editor, z.b. den Notepad++! - Organisieren Sie sich bitte in 3-er Gruppen für die Projektarbeit und melden Sie mir dies. Installations- und Gruppenbildungspause Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko 25