Seminar SS 2000 Enterprise Application Intergration

Transkript

1 Seminar SS 2000 Enterprise Application Intergration Web Programming Lifang Chen Betreuer: Marcello Mariucci Juli 2000, Universität Stuttgart Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 1

2 Übersicht (1)!Einleitung - HTTP/HTML - Server-seitige und client-seitige Anwendungen!Client-seitige Anwendungen - Dynamic HTML - Java Applets - ActiveX Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 2

3 Übersicht (2)!Server-seitige Anwendungen - Common Gateway Interface (CGI) - Server APIs - Servlets - Active Server Pages - JavaServer Pages (JSP)!Zusammenfassung!Literatur Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 3

4 Einleitung HTTP Protokoll Anfrage Web-Client Antwort Web-Server Eine einfache Web Client-Server Architektur Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 4

5 Einleitung HTTP/HTML!HTTP: - Zustandslos - Keine Vorgabe über das Format oder der Semantik der Daten!HTML: - feste Anzahl definierter Tags (nicht veränder- oder erweiterbar) - erlaubt nur einfachste Interaktivität - nur statistische Seite Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 5

6 Einleitung Server-seitige Und Client-seitige Anwendungen Dynamisch Erzeugung bzw. Bereitstellung der Daten Datendarstellung und Benutzerinteraktion server-seitige client-seitige Erweiterungen der Serverfunktionalität Externe Programme Code persistent gespeichert Code temporär gespeichert SSI Scripte gleicher separater Hilfspro- Plug-Ins interpretierter Maschinen- Prozess Prozess grammcode Code code Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 6

7 Client-seitige Anwendungen Dynamic HTML(DHTML) Definition: Dynamisches HTML ist der Sammelbegriff für verschiedene Lösungen, um eine Web-Seite frei zu positionieren und verschieben, ohne dass die Webseite neu geladen werden muss. CSS + DOM + JavaScript DHTML!Von IE und Netscape teilweise unterschiedlich interpretiert werden Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 7

8 Client-seitige Anwendungen Dynamic HTML(DHTML) Cascading Style Sheets!CSS ist eine Style-Sheet Definitionssprache!CSS Anweisungen können ausserhalb des Web-Dokumentes zentral gespeichert werden!schriftarten können in Dateien gespeichert werden Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 8

9 Client-seitige Anwendungen Dynamic HTML(DHTML) Document Objekt Model (DOM) (1)! DOM ist ein Application Programming Interface (API) für HTML und XML! DOM definiert die logische Struktur eines Dokumentes! Mit DOM kann man auf alle Elemente in einem HTML Dokument zugreifen, sie ändern, löschen oder hinzufügen! JavaScript kann auf DOM zugreifen! Beispiel (wie DOM die Struktur von einem HTML-Element repräsentiert) Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 9

10 Client-seitige Anwendungen Dynamic HTML(DHTML) Document Objekt Model (DOM) (2) <TABLE> <TBODY> <TR><TD>Name</TD> <TD>Grösse</TD> </TR> <TR><TD>Charlie</TD> <TD>1,78</TD> </TR> </TR> </TBODY> </TABLE> <TD> > <TR> <TABLE> <TBODY> <TR> <TD> <TD> <TD> Name Grösse Charlie 1,78 Logische Struktur von einem Tabelle Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 10

11 Client-seitige Anwendungen Dynamic HTML(DHTML) JavaScript (1)!JavaScript ist eine Scriptsprache!JavaScript Programme werden zur Laufzeit interpretiert!web-browser brauchen Interpreter, um JavaScript zu interpretieren!dom für JavaScript, z.b. Archiv unter Window Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 11

12 Client-seitige Anwendungen Dynamic HTML(DHTML) all style frames anchors document applets Window event forms elements options history location images layers links Archiv unter Window Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 12

13 Client-seitige Anwendungen Dynamic HTML(DHTML) Event-Handler!HTML-Attribute, die eine Verknüpfung zu einer Scriptsprache herstellen!mit Event-Handler kann man JavaScript-Funktion aufrufen Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 13

14 Client-seitige Anwendungen Dynamic HTML(DHTML) Wie wird eine dynamische Seite erzeugt? Laden eines Dokuments Objekte werden erzeugt Ereignis Event-Handler rufen JavaScript Funktionen auf Die Eigenschaft des entsprechenden Objekts wird geändert Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 14

15 Client-seitige Anwendungen Dynamic HTML(DHTML) Beispiel für DHTML (1) <html> <head> <title>farbänderung eines Buttons</title> <script language="javascript"> <! Rot = new Image(); Rot.src = "Rotbutton.gif"; Blau = new Image(); Blau.src = "Blaubutton.gif"; function Bildwechsel(Bildnr,Bildobjekt) { window.document.images[bildnr].src = Bildobjekt.src; } //--> </script> </head> <body> Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 15

16 Client-seitige Anwendungen Dynamic HTML(DHTML) Beispiel für DHTML (2) <table><tr><td> <onmouseover="bildwechsel(0,blau) onmouseout="bildwechsel(0,rot)"> <img src="rotbutton.gif"></a> </td></tr></table> </body> </html> Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 16

17 Client-seitige Anwendungen Java Applets Java Applets!Java Applets sind Java-Programme!Java Bytecode wird beim Laden auf den Client übertragen!browser braucht Java-Interpreter, um Applets auszuführen!lebenszyklus: init(), start(), stop(), destroy()!techniken: HTTP, RMI, CORBA...!Anwendungen: komplexe graphische Benutzeroberfläche, graphische Datendarstellung...!ein Beispiel: Anzeige von Echt-Zeit Daten, wie dynamische Spur eines Sturms Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 17

18 Client-seitige Anwendungen Java Applets Start Web-Seite Mit Applet Wird geladen Applet wird Sichtbar Initialisierung Verlassen der Seite oder Applet nicht mehr sichtbar Stop Applet im sichtbaren Zerstörung Bereich der Seite Applet wird aus dem Cache des Browsers entfernt Lebenszyklus eines Applets in einem Browser[1] Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 18

19 Client-seitige Anwendungen ActiveX ActiveX (1)!Eine von Microsoft entwickelte Sammlung von Techniken,Protokollen und APIs!Eigenschaften des MS-Windows-Betriebsystems für Web-Seite nutzbar!ein wesentlicher Bestandteil: ActiveX Controls Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 19

20 Client-seitige Anwendungen ActiveX ActiveX Controls!Programme, die in verschiedenen Programmiersprachen implementiert werden können, wie C, C++, Java, VisualBasic...!Werden in Maschinencode kompiliert!sehr effizient!plattformabhängig (können nur unter Microsoft Internet Explorer direkt ausgeführt werden)!sicherheitsproblem: Programm kann auf die Ressource des Client-Rechners zugreifen Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 20

21 Server-seitige Anwendungen Common Gateway Interface (CGI) Common Gateway Interface (CGI) (1)! Schnittstelle zwischen externen Prozessen und Web-Server! beliebige Programmiersprache, die Standard- Eingabe und Ausgabe unterstützt, wie C, Perl...! Aufruf des CGI-Programms! Vorteile: - Programmiersprachenunabhängig, Plattformunabhängig - Im Falle eines Fehlers im CGI-Programm wird der Prozess des Web-Server Programms nicht beeinflußt. Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 21

22 Server-seitige Anwendungen Common Gateway Interface (CGI) Common Gateway Interface (CGI) (2)!Nachteile: für jede Anfrage startet Web-Server ein neuen Prozeß; Programm enthält Präsentation von Daten!Beispiel einer CGI-Anwendung (siehe Grafik)!Anwendungen: wie z.b. Produktinformationen abfragen und speichern!cgi wird ersetzt durch : Server APIs, ASP, JSP Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 22

23 Server-seitige Anwendungen Common Gateway Interface (CGI) Web-Browser Web-Server Environment Variables Submit Post oder Get Write Environment CGI Programm execute Read Environment Return HTML File Standard Input Standard Output Aufruf des CGI-Programms Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 23

24 Server-seitige Anwendungen Common Gateway Interface (CGI) Beispiel Vorname: Nachname: Geburtstag: Daniel Müller Submit ``Daniel Müller ist am geboren Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 24

25 Server-seitige Anwendungen Server APIs (Application Programming Interface) Server APIs!Eine zur Laufzeit dynamisch ladbare Bibliothek!DLLs bleiben nach dem ersten Aufruf im Hauptspeicher!Serverabhängig, ISAPI von Microsoft, NSAPI von Netscape!Vorteile gegenüber CGI Technik: effizienter als CGI- Programme!Nachteile gegenüber CGI Technik: im Falle eines Fehlers im Programm kann der ganze Web-Server abstürzen Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 25

26 Server-seitige Anwendungen Servlets Servlets!Serverseitige Komponenten, die in Java geschrieben sind, sind protokoll- und plattformunabhängig!dynamisch aus dem Netz ladbar!keine graphische Benutzerschnittstelle!Können miteinander kommunizieren!können gleichzeitig mehrere anfragen bearbeiten Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 26

27 Server-seitige Anwendungen Servlets Servlets!Anwendungen: online-bestellungen, online-konferenzen...!vorteile: - Alle Vorteile von Java - Schneller als CGI-Programme!Nachteile: das Programm enthält Präsentation von Daten Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 27

28 Server-seitige Anwendungen Active Server Pages (ASP) HTML + Scriptsprache + ActiveX Server Komponenten ASP!Programmierspracheunabhängig, wie Jscript, VBScript, C++, Java...!Erzeugen Standard HTML-Text!Plattformabhängig, unter Windows!Ähnliche Technologie: JavaServer Pages Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 28

29 Server-seitige Anwendungen JavaServer Pages (JSP) JavaServer Pages!JSP Technologie ist ein teil der Java Technologie!JSP bestehen aus zwei teilen: - Normalem HTML-Text; - Anweisungen an den JSP-Server, wie JSP tags, Deklarationen, Scriptlets!Programmier Logik wird vom Page-Design getrennt!jsp können JavaBeans oder Enterprise JavaBeans Komponenten aufrufen!jsp werden zu Servlets kompiliert Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 29

30 Server-seitige Anwendungen JavaServer Pages (JSP) JavaServer Pages und Servlets!JSP haben alle Vorteile von Servlets!Ein Vorteil von JSP gegenüber Servlets: - Programmier-Logik von Page-Design getrennt, z.b. Eine JSP Page kann HTML-Text und ein JDBC-Objekt enthalten!ein Nachteil der Servlets gegenüber JSP: - HTML-tags und Programme-Code in einer Java-klasse Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 30

31 Server-seitige Anwendungen JavaServer Pages (JSP) Enterprise JavaBeans (EJB)! EJB ist Eine Spezifikation zur Entwicklung von verteilten objektorientierten Komponenten in Java! Definiert die EJB Komponenten-Architektur, und das Interface zwischen EJB-Server und Komponenten! Plattformunabhängig! Container-Modell : Mechanismen wird bereitgestellt, um Beans den Zugriff auf verschiedene Dienste zu ermöglichen. Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 31

32 Server-seitige Anwendungen JavaServer Pages (JSP)! Ähnlichkeit: ASP und JSP " Trennung der Programmier Logik vom Page Design; " Beide können CGI ersetzen! Unterschiede: " JSP plattform- und serverunabhängig " ASP ist Microsoft Technologie " JSP benutzt Java für Scripts " ASP benutzt Scriptsprache Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 32

33 Server-seitige Anwendungen JavaServer Pages (JSP) Beispiel für JSP (1) <HTML> page language="java" imports="java.util.*" %> <P>Today is </P> <jsp:usebean id="clock" class="jspcalendar" /> <UL> <LI>Day: <%= clock.getdayofmonth() %> <LI>Year: <%= clock.getyear() %> </UL> <%-- Check for AM or PM --%> <%! int time = Calendar.getInstance().get(Calendar.A m_pm); %> Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 33

34 Server-seitige Anwendungen JavaServer Pages (JSP) Beispiel für JSP (2) <% if (time == Calendar.AM) { %> Good Morning <% } else { %> Good Afternoon <% } %> <%@ include file="copyright.html" %> </HTML> Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 34

35 Zusammenfassung!Die Entwicklung der serverseitigen Anwendungen!Das Problem der Plattformabhängigkeit!Web-Anwendungen werden ständig weiter entwickelt Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 35

36 Literatur [1] V.Turau: Techniken zur Realisierung Web-basierter Anwendungen, Informatik Spektrum 22:3-12(1999). [2] Robert Orfali, Dan Harkley, "Client/Server Programming with Java and CORBA", J.Wiley&Sons 1997 [3] [4] [5] [6] [7] [8] [9] Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 36