prof. dr. dieter steinmann, fachhochschule trierseite 1 realisierungsalternativen von...

Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 1

Realisierungsalternativen vonInternet-Seiten

Standards, Technologie und Produkte


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ü 1Menü 2Menü 3

Berechnen

SAP MM01StarOffice


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


Server- und Browserprodukte

Internet-Server:# Apache# IIS (Microsoft)# Iplanet (Sun, Netscape)# Coldfusion# ...

ServerClient

Browser:# Netscape

# Internet Explorer# Opera

# Sun Hotjava# ...


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

# ...


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)


JAVA & Co

Java JavaScript (interpreted, origin

Netscape) Java Servlets Java Applets Java Virtual Machine Java Compiler


Standardisierung

World Wide Web Consortium, w3c www.w3c.org Internet Engineering Task Force, IETF www.ietf.org Request for Comments Editor www.rfc-editor.org


SGML (ISO 8879)

SGML, STANDARD GENERALIZED MARKUP LANGUAGE

META LANGUAGE HTML, HYPERTEXT MARKUP

LANGUAGE XML, EXTENDED MARKUP LANGUAGE DHTML, Dynamic HTML


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: www.whatis.com


MARKUP

Sequence of characters, tags <p> Paragraph </p> Describe the „look“ PROCEDURAL MARKUP DESCRIPTIVE MARKUP


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.

Und dann kommt der Mustertext im Abschnitt und so weiter. Und dann kommt der Mustertext im Abschnitt und so weiter.


Descriptive Markup (Generic Markup)

Müller GmbHWendelstrasse 2666 787 Wadgassen

Rechnung

200 Stck a 3,50 700 DM300 Stck a 1,50 450 DMSumme netto 1150 DMMWST (16%) 184 DM

Summe1334 DM

Adresse: NameAdresse: StrasseAdresse: OrtAdresse: PLZ

Dokumenttyp

RechnungspositionenSummeMWST (16%)Summe inkl. MWST


XML (Extended Markup Language)

Metasprache, ähnlich SGML im Gegensatz zu Tag-Set wie HTML

Komponenten <![CDATA][ ]]> Umlaute, etc DTD (Document Type Definition) CSS (Cascading Style Sheet), XSL

(Extensible Stylesheet Language)


Unterstützung von XML

Microsoft Internet Information Browser Netscape Opera ? .... eher schlecht


Exkurs: HTML (Design, Form)

<HTML>

<HEAD> <Title>Titeltext </Title></HEAD>

<BODY> Bodytext </BODY>

</HTML>


Beispiel HTML

<html>

<title>

<body>

<p>

<a href=“http://source.html">text </a>

</p>

</body>

</title>

</html>


Beispiel XML

<?xml version=“1.0“ standalone=“yes“?><?xml encoding=“ISO-8859-1“?><office_document> <document_type>Invoice </document_type> <address> <name> Steinmann </name> <city> Wadgassen </city> </address> <product> <position> Pencil </position> <number> 200 </number> <single_price> 2 </single_price> <total_price> 400 </total_price> <currency> DEM </currency>... <total_ex> 2800 </total_ex> <vat> 448 </vat> </product>....</office_document>


Beispiel DTD (intern, extern)

<!DOCTYPE Name SYSTEM [PUBLIC] „www.mydoctype.de/mydoctype.dtd„>


Beispiel CSS

<?xml - stylesheet href=“datei“ type=“text/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


Example realisation

Input-formName: ................Adress: ................Scores: ................Budget: ................

SaveProcedure: „check and save“+ read database+ calculate+ consistency check ok?+ save in database+ acknowledgement user


Example Tools

Input-formName: ................Adress: ................Scores: ................Budget: ................

Save Procedure check and save+ read database+ calculate+ consistency check ok?+ save in database+ confirmation for user by eMail

Layout: HTML

Input Form: XMLDatabase: MySQLProgramming: # Java

# ASP

# CGI

# PHP

# ....


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


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


Vorteile 2

Internet-Standard Integration zu Datenbanken und

alternativen Programmieransätzen

prof. dr. dieter steinmann, fachhochschule trierseite 1 realisierungsalternativen von...

Documents