client HTTP Server

Aufruf des Skriptes mit Parametern

Initialisierung bei jedem Aufruf CGI-Skript

Aufbau der DB

Verbindung bei jedem Aufruf Datenbank Verbindungsaufbau Anfrage Antwort SQL Anfrage Ergebnis

HTTP Server Antwortet Skript übermittelt HTML und beendet

sich

Skript generiert HTML Skript stellt Anfrage an DB 39

Bewertung

 

Vorteile

 Beliebige Programme können integriert werden  Sicherheit durch eigenen Prozess  Volle Suchfunktionalität des darunter liegenden DBMS (z.B. SQL)

Nachteile

 Ein Prozess pro Anfrage  Keine Speicherung des Zustands  Für jede DB-Anfrage Verbindung aufbauen und trennen  Keine Trennung von Präsentation und Anwendungslogik  CGI-Skripte nur für kleine Anwendungen 40

API-basierte Ansätze

   Entwickelt um Nachteile der CGI-Skripte zu überwinden  Die CGI-Schnittstelle bleibt erhalten Erweiterungen werden in den Adressraum des Servers geladen  Müssen nur einmal geladen werden  Werden in Threads statt Prozessen ausgeführt Bekanntesten Vertreter  NSAPI (Netscape)  ISAPI (Microsoft)  Java Servlets (Sun) 41

API-basierte Ansätze

Betätigung Submit-Button

client Anfrage Antwort

HTML-Rückgabe Aufruf des Programms, Parameterübergabe

Initialisierung bei ersten Aufruf (einmalig) HTTP Server

Verbindungsaufbau zur DB beim ersten Aufruf

(einmalig) Datenbank Verbindungsaufbau Programm SQL Anfragen Ergebnisse Zustand

Beliebig viele SQL Anfragen HTML-Generierung 42

Bewertung



Vorteile

 Höhere Leistungsfähigkeit    Session-Verwaltung Zustände, z.B. DB-Verbindung Weniger Ressourcenverbrauch 

Nachteile

 Keine Standardisierung  Mangelnde Sicherheit  Keine Trennung von Präsentation und Anwendungslogik 43

Serverseitige Ansätze

3. Durch Einbettung HTML-generierender Skriptteile in statisches HTML

Server-Side Skripting

  In HTML-Seiten werden zusätzliche HTML-generierende Quellen integriert Beliebig viele HTML-Quellen können aufgenommen werden

Datenbank HTML HTML Scripting Scripting Anwendungs Logik

46

Anwendung erstellen

Laufzeit Interpreter HTML Dokument 

interpretiert

Ausführungsvarianten

Anwendung erstellen

Übersetzungs zeit (einmalig) Compiler Ausführbares Programm Laufzeit HTML Dokument 

kompiliert

47

Typische Vertreter

Interpretiert:    PHP - Personal Home Page ASP - Active Server Pages (Microsoft IIS) Server Side JavaScript (Netscape) Kompiliert:  JSP - Java Server Pages  ASP.NET – Active Server Pages .NET

48

Bewertung



Vorteile:

 Starke Verbreitung, gute Unterstützung  Volle Programmiersprachenfunktionalität  Standardisierung  Überbrückung der Zustandslosigkeit durch „Tricks“  Einbindung externer Programme möglich  Statische Teile brauchen nicht erzeugt zu werden 

Nachteile:

 Häufig geringe Geschwindigkeit  Starke Mischung von HTML und Programmiersprache 49

Übersicht Webinformationssysteme

WebDB-Techniken Serverseitige HTML-Generierung Offline durch Vorberechnung von HTML Seiten Generierung statischer Seiten Durch Zugriff auf HTML generierende Anwendung CGI API-basiert Durch Einbettung HTML generierender Skriptteile interpretiert SSI ASP PHP kompiliert JSP 50

Client-seitige Ansätze

Zugriff auf Datenbanken über das Web

Unterschiedlich je nach Protokoll auf Anwendungsebene.

Extreme:

1. Serverseitige Generierung, Thin Client: Browser HTTP(HTML) HTTP Server

DB

2. Klientenseitige Verarbeitung, keine Logik im Server, Rich Client: Browser Applet Datenbankspezifisches Protokoll

DB

52

Clientseitige DB-WWW-Integration



Realität:

 Höhere Ansprüche an die Benutzeroberfläche  Teilverlagerung von Funktionalität auf die Client-Seite 

Nicht mehr HTML-Generierung

 Erweiterung 1: mehr Interaktion/Überprüfung auf dem Client  Erweiterung 2: Windows-ähnliche Benutzerführung  Erweiterung 3: Unmittelbarer Zugriff auf die Daten 53

Funktionalität auf der Client-Seite

    Browser-spezifische Erweiterungen: Plug-Ins  z.B. Macromedia Shockwave, Macromedia Flash

Skript-Sprachen

 z.B. JavaScript, Visual Basic Script

Volle Programmiersprachen

 Java (Applets)  VisualBasic, C++ über ActiveX controls Übliche Aufteilung  Benutzerschnittstelle auf dem Client  Datenbankdienste weiterhin auf dem Server  Vom Direktzugriff von Client auf die DB ist aus Sicherheitsgründen abzuraten 54

Beispiel: Client-seitige Integration

Präsentation/ Interaktion

Server-Prozess

Anwendungs Logik

Datenbank

Daten 55

Übersicht Webinformationssysteme

WebDB-Techniken Offline durch Vorberechnung von HTML Seiten Generierung statischer Seiten Serverseitige HTML-Generierung Clientseitige GUI Durch Zugriff auf HTML generierende Anwendung CGI API-basiert Durch Einbettung HTML generierender Skriptteile interpretiert SSI ASP PHP kompiliert JSP Java Applet JavaScript PlugIns … 56

Resümee

    Häufigste Formen  HTML-Generierung auf Serverseite:    CGI mit Perl, C, C++ PHP, JSP, ASP Bei starker Interaktion und komplexer Benutzerführung  Clientseitige Erweiterung (JavaSkript, Java) Keine „beste Lösung“ für alle Fälle Kriterien im Einzelfall entsprechend Anforderungen gewichten Immer zu beachten:  rasanter technologischer Fortschritt  rasche Produktentwicklungen 57

Ausblick

Neue „Hype“-Themen auf dem Gebiet      JavaServer Faces  vereinfachte, modulare GUI-Erstellung auf dem Client WebServices  Einbindung von externer Funktionalität über das Web Zugang auch für mobile Geräte (Handys, PDAs…) Microsoft ASP.NET

… 58

Anwendungen für Webdatenbanken

Webshops, Auktionshaus, E-Commerce (1)

Beispiel: Amazon.de

Ebay.de

60

Webshops, Auktionshaus, E-Commerce (2)

Techniken:

   Meist Relationale DBMS Klient: Normaler Browser, Cookies, wenig JavaScript Serverseitig: CGI (C++?), (EJB) 61

Suchmaschinen (1)

Beispiele: Google.de

Altavista.com

62

Suchmaschinen (2)

Techniken:

 Farm relationaler DBMS, Parallele Datenbanken   Serverseitig: CGI meist mit schnellen, kompilierten Sprachen, z.B. C, C++ Client: Reiner Browser, sehr schlanke Seiten 63

Webanwendungen, Weboberflächen (1)

Beispiele: Webmail Administrations oberflächen 64

Webanwendungen, Weboberflächen (2)

Technik:

   Meist rel. Datenbanken Serverseitige Skriptsprachen: Perl, Python, PHP, JSP Klientseitig: Standardbrowser 65

Web Portale, „inhaltsstarke“ Seiten (1)

Beispiele: Yahoo.de

Zeitungen/Zeit schriften, Spiegel.de

66

Web Portale, „inhaltsstarke“ Seiten (2)

Technik:

     Content-Management-System Trennung von Struktur und Inhalt  XML Meist realisiert durch CGI Administration der Inhalte auch über Web möglich Klientseitig: Browser Rohdaten Layout-Templates CMS Anzeigbare Webseite 67

Internetspiele (1)

Beispiel: BrettspielWelt, WarCraft III Battle.net Server 68

Internetspiele (2)

Technik:

    Serverseitig nicht berechenbar In Standardbrowser nicht anzeigbar  Clientseitige Anwendung berechnet Graphiken, Spielverlauf etc.

  Java Applet, Kommunikation mit Server über eigenes Protokoll eigene Anwendung, eigenes Protokoll  Serverseitige Datenbank: Speichert angemeldete Nutzer, laufende Spiele etc.

 Meist: Nach Beginn des Spieles Peer-to-Peer-Kommunkation ohne Einbeziehung des Servers 69

Literatur

Erhard Rahm, Gottfried Vossen Web und Datenbanken. Konzepte, Architekturen, Anwendungen.

DPunkt Verlag 2002

Kazakos, Schmidt, Tomczyk Datenbanken und XML. Konzepte, Anwendungen, Systeme

Springer Verlag 2002 http://www.datenbanken-und-xml.de

70

Im Detail: Java Server Pages (JSP)

Übersicht Webinformationssysteme

WebDB-Techniken Offline durch Vorberechnung von HTML Seiten Generierung statischer Seiten Serverseitige HTML-Generierung Clientseitige GUI Durch Zugriff auf HTML generierende Anwendung CGI API-basiert Durch Einbettung HTML generierender Skriptteile interpretiert SSI ASP PHP kompiliert JSP Java Applet JavaScript PlugIns … 72

Server-Side Skripting

 In HTML-Seiten werden zusätzliche HTML-generierende Quellen integriert

HTML HTML Scripting Scripting Datenbank Anwendungs Logik

73

Java Server Pages (JSP)

    Bestandteil der Java 2 Plattform Enterprise Edition Trennung von (HTML-)Präsentation und Inhalt Zugriff auf weitere HTML-Quellen über Beans und Servlets Ablauf  Erstellung einer JSP  Aufruf der JSP durch den Benutzer    Überprüfung, ob sich die JSP geändert hat oder ob sie neu ist (Gegebenenfalls Übersetzung der JSP in ein Servlet) Ausführung des Servlets  Rückgabe des Ergebnisses 74

JSP Ablauf

client Anfrage Antwort HTTP Server JSP page

Generierung des JSP Servlet aus JSP Page (HTML + Scripting)

JSP Servlet Datenbank Verbindungsaufbau SQL Anfragen Ergebnisse Zustand

75

   JSP-Direktiven JSP-Skriptelemente JSP-Aktionen

JSP Elementtypen

76

JSP-Direktiven

      Nachrichten/Anweisungen an den HTTP-Server Keine Ausgabe Syntax: <%@ ... %> include -Direktive  Einfügen von Texten vor der Übersetzung   <%@include file="Pfadangabe"%> Beispiel <%@ include file="copyright.txt" %> page -Direktive    Steuerung der Übersetzung <%@page attrib1="txt" attrib2="txt" ... %> Beispiel <%@ page errorPage="/error.html" %> taglib -Direktive  Zur Erzeugung benutzerspezifischer Tags 77

JSP-Skriptelemente (1)

  Vereinbarungen / Deklarationen    Deklarationen von Variablen, Methoden und inneren Klassen Syntax: <%! Vereinbarung(en) %> import über die Direktive  Beispiel:  Instanzvariablen: <%! int i=0; float f;%>  Methode: <%! public String Zeit() {...} %> Anweisungsfragemente/Scriplet   Einbettung von Java-Fragmenten Syntax: <% Anweisungsfragment(e) %>   Lokale Variablendeklaration Beispiel:  <% int i=1; while (i<10) {out.println(i);i++;} %> 78

JSP-Skriptelemente (2)

  Ausdrücke     Einfachste Art eines Skripts Syntax: <%= Ausdruck %> Umwandlung zur Laufzeit in String ( toString -Methode) Beispiel: <%= variable %> entspricht  <%out.print(variable);%> Kommentare  Syntax: <%-- comment --%> 79

JSP-Aktionen

   Ziel  Erzeugen und Verändern von Objekten  Steuerung der aktuellen Ausführung Aktion include   Aktion forward  Weiterleitung der Anfrage an eine andere Seite  Aufruf einer Seite zur Ausführungszeit (auch JSP möglich) Syntax: Syntax: 80

JSP: Beispiel

  Angenommen, klick-and-bau.com verwaltet Artikelstammdaten in der folgenden Tabelle:

ARTIKEL( Id CHAR(12), Name VARCHAR(25), Beschreibung VARCHAR(512), Photo_URL VARCHAR(512), Hersteller_Id CHAR(12) Kategorien VARCHAR(256), Status INT, Preis NUMERIC(8,2) )

Aktuelle Produktname und Photo sollen nun über das Web zur Verfügung gestellt werden 81

JSP: Beispiel

<%- <%@ page-Direktive --%> page errorPage="error.html" import="java.sql.*" session="false" %>

Produktliste vom <%-- Ausdruck --%> <%= new java.util.Date().toLocaleString()%> ...

82

JSP: Beispiel (Forts.)

...

<%- <%- <%! Datenbank-Verbindung --%> Deklaration der Instanzvariablen --%> Connection con; %> <%-- Skriplet zum Verbindungsaufbau und Abfrage--%> <% Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); con = DriverManager.getConnection

("jdbc:odbc:ProduktDatenbank", "name", "pwd"); Statement stmt = con.createStatement(); ResultSet rs = stmt.executeQuery

("SELECT name, photo_URL FROM artikel"); %> ...

83

JSP: Beispiel (Forts.)

...

<%- Ausgabe in zwei Spalten...--%>

Name	Bild
<%= rs.getString(1)%>

84

Parameterübergabe in JSP

request

Enthält die Parameter, die per HTTP über POST von einer anderen Seite übergeben wurden.

Bsp:

HTML: