Upload
dierk-stingle
View
106
Download
2
Embed Size (px)
Citation preview
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 1
Realisierungsalternativen vonInternet-Seiten
Standards, Technologie und Produkte
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 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ü 1Menü 2Menü 3
Berechnen
SAP MM01StarOffice
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 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 Trier Seite 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 Trier Seite 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 Trier Seite 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 Trier Seite 7
JAVA & Co
Java JavaScript (interpreted, origin
Netscape) Java Servlets Java Applets Java Virtual Machine Java Compiler
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 8
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
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 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 Trier Seite 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: www.whatis.com
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 11
MARKUP
Sequence of characters, tags <p> Paragraph </p> Describe the „look“ PROCEDURAL MARKUP DESCRIPTIVE MARKUP
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 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.
Und dann kommt der Mustertext im Abschnitt und so weiter. Und dann kommt der Mustertext im Abschnitt und so weiter.
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 13
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
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 14
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)
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 15
Unterstützung von XML
Microsoft Internet Information Browser Netscape Opera ? .... eher schlecht
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 16
Exkurs: HTML (Design, Form)
<HTML>
<HEAD> <Title>Titeltext </Title></HEAD>
<BODY> Bodytext </BODY>
</HTML>
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 17
Beispiel HTML
<html>
<title>
<body>
<p>
<a href=“http://source.html">text </a>
</p>
</body>
</title>
</html>
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 18
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>
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 19
Beispiel DTD (intern, extern)
<!DOCTYPE Name SYSTEM [PUBLIC] „www.mydoctype.de/mydoctype.dtd„>
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 20
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
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 21
Example realisation
Input-formName: ................Adress: ................Scores: ................Budget: ................
SaveProcedure: „check and save“+ read database+ calculate+ consistency check ok?+ save in database+ acknowledgement user
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 22
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
# ....
Prof. Dr. Dieter Steinmann, Fachhochschule Trier Seite 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 Trier Seite 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 Trier Seite 25
Vorteile 2
Internet-Standard Integration zu Datenbanken und
alternativen Programmieransätzen