Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 1 Realisierungsalternativen von Internet-Seiten Standards, Technologie und Produkte

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 2 Realisierungsalternativen Seiten Zugriff auf eine Daten-bank (mySQL) Ausführen von externen Betriebssys- tem Program- men Erstellen von eigenen Programmen Seiten- verknüpfung Dynamik, Animationen Demo Produkt- auswahl Internet-Präsenz + Frames + Formatvorlagen Menü 1 Menü 2 Menü 3 Berechnen SAP MM01 StarOffice

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 3 Alternative Ausführung von Prozessen Server Ausführungsebenen: # Internet-Server # Server-Betriebssystem Umfang Serververarbeitung # Ausführung Applikation # Programmierung # Datenbankzugriff ServerClient Client Ausführungsebenen: # Internet Browser # Client-Betriebssystem Umfang Clientverarbeitung # Grafische Präsentation # Hauptspeicherzugriff # Festplattenzugriff

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 4 Server- und Browserprodukte Internet-Server: # Apache # IIS (Microsoft) # Iplanet (Sun, Netscape) # Coldfusion #... ServerClient Browser: # Netscape # Internet Explorer # Opera # Sun Hotjava #...

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 5 Technologies Internet-Server (Extensions, Scriptlanguage): # ASP (Microsoft) # PHP (Personal HomePage) # CGI (Common Gateway Interface) # CFML (Coldfusion Markup Language) # JAVA Server applications #... ServerClient Browser: # JAVA Client apps # Cookies # HTML, XML # security technology #...

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 6 Begriffe und Werkzeuge  SGML Standardized General Markup Language  HTML Hypertext Markup Language  XML Extended Markup Language  DHTML Dynamic HTML  JAVA & Co  XHTML (HTML -> XML)  WML (Wireless Markup Language)

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 7 JAVA & Co  Java  JavaScript (interpreted, origin Netscape)  Java Servlets  Java Applets  Java Virtual Machine  Java Compiler

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 8 Standardisierung  World Wide Web Consortium, w3c   Internet Engineering Task Force, IETF   Request for Comments Editor 

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 9 SGML (ISO 8879)  SGML, STANDARD GENERALIZED MARKUP LANGUAGE  META LANGUAGE  HTML, HYPERTEXT MARKUP LANGUAGE  XML, EXTENDED MARKUP LANGUAGE  DHTML, Dynamic HTML

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 10 Meta Language  Description of a language  Rules for how a document can be described  Specific use of SGML (meta language) is HTML (tag set)  „underlying definition“  Source:

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 11 MARKUP  Sequence of characters, tags  Paragraph  Describe the „look“  PROCEDURAL MARKUP  DESCRIPTIVE MARKUP

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 12 Procedural Markup (html) Header: 24 pt Lucida Paragraph: 20 pt Lucida Text: 20 pt Lucida Kapitelüberschrift Absatzüberschrift Und dann kommt der Mustertext im Abschnitt und so weiter.

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 13 Descriptive Markup (Generic Markup) Müller GmbH Wendelstrasse Wadgassen Rechnung 200 Stck a 3, DM 300 Stck a 1, DM Summe netto 1150 DM MWST (16%) 184 DM Summe 1334 DM Adresse: Name Adresse: Strasse Adresse: Ort Adresse: PLZ Dokumenttyp Rechnungspositionen Summe MWST (16%) Summe inkl. MWST

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 14 XML (Extended Markup Language)  Metasprache, ähnlich SGML im Gegensatz zu Tag-Set wie HTML  Komponenten  Umlaute, etc  DTD (Document Type Definition)  CSS (Cascading Style Sheet), XSL (Extensible Stylesheet Language)

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 15 Unterstützung von XML  Microsoft Internet Information Browser  Netscape  Opera  ?.... eher schlecht

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 16 Exkurs: HTML (Design, Form) Titeltext Bodytext

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 17 Beispiel HTML text

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 18 Beispiel XML Invoice Steinmann Wadgassen Pencil DEM

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 19 Beispiel DTD (intern, extern)

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 20 Beispiel CSS style sheets grundsätzlich auch in HTML, bessere Nutzung jedoch in XML, Weiterentwicklung style sheets werden auch verwendet, wenn Star Office automatisch HTML- Seiten generiert

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 21 Example realisation Input-form Name: Adress: Scores: Budget: Save Procedure: „check and save“ + read database + calculate + consistency check ok? + save in database + acknowledgement user

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 22 Example Tools Input-form Name: Adress: Scores: Budget: Save Procedure check and save + read database + calculate + consistency check ok? + save in database + confirmation for user by Layout: HTML Input Form: XML Database: MySQL Programming:# Java # ASP # CGI # PHP #....

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 23 Professional Project Management  Selection Hardware, Operating System like Linux, other Unix, Windows NT Server,...  Target Internet Browser(s)  Target Technology at users side  Internet Server Software (Apache, IIS, Iplanet, Coldfusion,...)  Server extensions, CGI, PHP, Java, Javascript  Database System

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 24 Vorteile 1  z.B. Unabhängige Definition von Bürodokumenten in Layout und Inhalt  Auf die Inhalte kann direkt zugegriffen werden, sie können ohne Medienbruch weiter verarbeitet werden  Bei der Entwicklung von Software ergeben sich durch die Trennung und Layout und Inhalt und deren durchgängige Beschreibung völlig neue Möglichkeiten

Prof. Dr. Dieter Steinmann, Fachhochschule TrierSeite 25 Vorteile 2  Internet-Standard  Integration zu Datenbanken und alternativen Programmieransätzen