Ebut
Das Internet
Millionen verbundener Rechner, Hosts und Endsysteme
Kommunikationsverbindungen + Glasfaser, Kupfer, Wlan, UMTS
Router vermittelt Datenpakete
Protokolle regeln Senden & Empfangen, TCP, UPD, HTTP usw.
Internet Protokollstack
1) Anwendungsebene
Unterstützung von Netzwerkanwendungen (TELNET, FTP, HTTP, SMTP, IMAP, POP3, LDAP)
2) Transportebene
1) Datentransfer zw. Hosts (TCP/UDP)
3) Vermittlungsebene
1) Routing von Datenpaketen von der Quelle zum Ziel (IP)
4) Physisches Netz
1) Datentransfer zw. benachbarten Netzwerkelementen
2) Bits & Bytes über Übertragungsmedium
Bestandteile WWW
1) URI (Uniform Resource Identifier) | Uniform Resource Locator (URL) + Uniform Resource Name (URN) = URI
2) Hypertext Transfer Protokoll (HTTP)
HTTP-Request:
- Methoden: GET, HEAD, POST, PUT, DELETE, OPTIONS, TRACE
- Request-URI
- Protokoll-Version
- Message-Header: Meat-Infos
+ User-Agent(Browser)
+ If-Modified-Since (nur anfordern wenn Dok. verändert wurde)
+ Accept (v. Browser akzeptierte MIME-Typen)
+Authorization
- Message-Body (optional)
- Bsp:
GET /hamster/index.html
HTTP/1.1
User-agent: NCSA Mosaic
accept: text/plain
accept: text/html
HTTP-Response:
- HTTP-Version
- Status-Code Reason
+ 1xx: Information
+ 2xx: Erfolgreiche Operation
+ 3xx: Umleitung
+ 4xx: Client-Fehler
+ 5xx: Server-Fehler
- Message-Header: Meta-Infos
+ Datum
+ Server-Software
+ MIME-Typ des Dokuments
+ Dokumentenge
- Message-Body
+ Eigentliches Dokument (Nutzdaten)
+ Folge von 8 Bit Zeichen
DHTML ‚Dynamic HTML‘:
- Sammelbegriff für verschied. Lösungen f. dynamische Veränderungen v. HTML zur Laufzeit
- HTML4.01, CSS, DOM, JavaScript etc.
AJAX:
JavaScript + XML/JSON = Nachrichtenaustausch & asynchrone Kommunikation zw. Server & Client
+ JS kann Servierinteraktion ohne Userinteraktion durchführen
+ Server Antwort mit XML/JSON, welches als DOM-Objekt im JS zur Verfügung steht
+ XML-HTTP-REQUEST Objekt für asynchrones CallBack-Handling
- Einsatz
Architektur von Web-Anwendungen
XML - Extensible Markup Language
- textbasierte (Meta-)Auszeichnungssprache
- nicht vordefiniert, kann andere Auszeichnungssprachen beschreiben
- Anwendung: Dokumentformat & Datenaustausch-Format
Wohlgeformtheit:
Dok. muss derXML-Grammatik entsprechen
- Notwendige Bedingungen:
+ jedes Tag offen & geschlossen
+ enthält mindestens ein Element
+ enthält genau ein Wurzelelement
+ Elemente korrekt verschachtelt
+ Attributnamen eindeutig in identischem Starttag
+ Alle nicht vordefinierten Refs auf Entities müssen vordefiniert sein
+ Namenkonvention muss eingehegten werden
=> Logische Struktur XML-Dok: BAUM
XML-Parser:
- SW zum einlesen v. XML-Doks
+ Analysiert Dok
+ Stellt Informationen zur Weiterverarbeitung bereit
- XML-Prozessor bietet Parser und Funktionalitäten zur Verarbeitung
Elementinhalt
Elementtyp kann merfach vorkommen
Unterschiedlicher Inhalt
- Element content: Untergeordnetes Element
- Character Content: Zeichenkette PCDATA /{">", "&")
- Mixed Content = Zeichenkette und untergeordnetes Element
- Leere Elemente: Kein Inhalt, kann jedoch Attribute tragen
Attribut vs Element
- Attribut kann nur Zeichenkette als Wert haben, Element beliebige Strukturen
- Reihenfolge bei Attributen belanglos
- Elementdarstellung eleganter, Attributverwendung dafür kompakter
- ---> Attribut für einfache, unstrukturiere Zusatzinformationen
-
- 1 / 13
-
Cartes-fiches
Das Internet
Millionen verbundener Rechner, Hosts und Endsysteme
Kommunikationsverbindungen + Glasfaser, Kupfer, Wlan, UMTS
Router vermittelt Datenpakete
Protokolle regeln Senden & Empfangen, TCP, UPD, HTTP usw.
Internet Protokollstack
1) Anwendungsebene
Unterstützung von Netzwerkanwendungen (TELNET, FTP, HTTP, SMTP, IMAP, POP3, LDAP)
2) Transportebene
1) Datentransfer zw. Hosts (TCP/UDP)
3) Vermittlungsebene
1) Routing von Datenpaketen von der Quelle zum Ziel (IP)
4) Physisches Netz
1) Datentransfer zw. benachbarten Netzwerkelementen
2) Bits & Bytes über Übertragungsmedium
Bestandteile WWW
1) URI (Uniform Resource Identifier) | Uniform Resource Locator (URL) + Uniform Resource Name (URN) = URI
2) Hypertext Transfer Protokoll (HTTP)
HTTP-Request:
- Methoden: GET, HEAD, POST, PUT, DELETE, OPTIONS, TRACE
- Request-URI
- Protokoll-Version
- Message-Header: Meat-Infos
+ User-Agent(Browser)
+ If-Modified-Since (nur anfordern wenn Dok. verändert wurde)
+ Accept (v. Browser akzeptierte MIME-Typen)
+Authorization
- Message-Body (optional)
- Bsp:
GET /hamster/index.html
HTTP/1.1
User-agent: NCSA Mosaic
accept: text/plain
accept: text/html
HTTP-Response:
- HTTP-Version
- Status-Code Reason
+ 1xx: Information
+ 2xx: Erfolgreiche Operation
+ 3xx: Umleitung
+ 4xx: Client-Fehler
+ 5xx: Server-Fehler
- Message-Header: Meta-Infos
+ Datum
+ Server-Software
+ MIME-Typ des Dokuments
+ Dokumentenge
- Message-Body
+ Eigentliches Dokument (Nutzdaten)
+ Folge von 8 Bit Zeichen
DHTML ‚Dynamic HTML‘:
- Sammelbegriff für verschied. Lösungen f. dynamische Veränderungen v. HTML zur Laufzeit
- HTML4.01, CSS, DOM, JavaScript etc.
AJAX:
JavaScript + XML/JSON = Nachrichtenaustausch & asynchrone Kommunikation zw. Server & Client
+ JS kann Servierinteraktion ohne Userinteraktion durchführen
+ Server Antwort mit XML/JSON, welches als DOM-Objekt im JS zur Verfügung steht
+ XML-HTTP-REQUEST Objekt für asynchrones CallBack-Handling
- Einsatz
Architektur von Web-Anwendungen
XML - Extensible Markup Language
- textbasierte (Meta-)Auszeichnungssprache
- nicht vordefiniert, kann andere Auszeichnungssprachen beschreiben
- Anwendung: Dokumentformat & Datenaustausch-Format
Wohlgeformtheit:
Dok. muss derXML-Grammatik entsprechen
- Notwendige Bedingungen:
+ jedes Tag offen & geschlossen
+ enthält mindestens ein Element
+ enthält genau ein Wurzelelement
+ Elemente korrekt verschachtelt
+ Attributnamen eindeutig in identischem Starttag
+ Alle nicht vordefinierten Refs auf Entities müssen vordefiniert sein
+ Namenkonvention muss eingehegten werden
=> Logische Struktur XML-Dok: BAUM
XML-Parser:
- SW zum einlesen v. XML-Doks
+ Analysiert Dok
+ Stellt Informationen zur Weiterverarbeitung bereit
- XML-Prozessor bietet Parser und Funktionalitäten zur Verarbeitung
Elementinhalt
Elementtyp kann merfach vorkommen
Unterschiedlicher Inhalt
- Element content: Untergeordnetes Element
- Character Content: Zeichenkette PCDATA /{">", "&")
- Mixed Content = Zeichenkette und untergeordnetes Element
- Leere Elemente: Kein Inhalt, kann jedoch Attribute tragen
Attribut vs Element
- Attribut kann nur Zeichenkette als Wert haben, Element beliebige Strukturen
- Reihenfolge bei Attributen belanglos
- Elementdarstellung eleganter, Attributverwendung dafür kompakter
- ---> Attribut für einfache, unstrukturiere Zusatzinformationen
