Class notes
Einführung Web Engineering
- Course
- Institution
Diese Mitschrift zur Vorlesung Web Engineering beinhaltet die Historie von Web Engineering Techniken wie HTML, CSS sowie grundlegenden Layern in der Web-Technik.
[Show more]
Seller
Follow
nicolas54
Content preview
InhaltsübersichtSonntag, 20. November 2022 19:19
0. Begriffe & Historie
1. Anwendungsprotokoll HTTP(S)
2. Dokumentenbeschreibungssprache HTML
3. Designsprache CSS
4. XML + XSLT
5. Graphikbeschreibungssprache SVG
6. Dynamische Webtechniken
Web Engineering Seite 1
,0. Begriffe & Historie
Montag, 9. Januar 2023 14:51
• Web: World Wide Web (WWW)
-> Eine Anwendung, die das Internet nutzt
• Internet: technische Kommunikationsplattform / Netzwerke von Rechnern (weltweit)
• Engineering: Das Erstellen von "Produkten" mit Praxisbezug
• Internet:
○ 1965/69: Projektidee
○ Initiierung/-Prototyp (als ARPAnet in Amerika)
• Erster Anwendungstypus: einfache Bedienung und Nutzung von Rechnerressourcen "Geschichte des Hyperlinks":
• WWW 1989/90: Projektidee/ erster Prototyp am CERN/GENF (Schweiz)
-> als Anwendung zum Austausch von wissenschaftlichen Forschungsergebnissen von Wissenschaftlern - 1945: Vannevar Bush "As We May Think", in Atlantic Monthly, 1945
• Unterschied: - Maschine "memex" (= memory extension) mit verfilmter Info, welche über aufwendige Mechanik
○ Email -> Sendergetrieben mit Verlinkungsmöglichkeit versehen war
○ WWW -> Empfängergetrieben -> Art "Hyperlink" (aber noch nicht mit diesem Begriff bezeichnet)
- 196x: Ted Nelson "As We Will Think", in Atlantic Monthly, 1967
○ Usenet News -> Nur Text, kein Bewegtbild / Audio etc. & keine Hyperlinks -> Umsetzung der Gedanken von V. B. auf damalige elektronische Digitalrechner
○ WWW -> Multimedien
○ Gopher (enthält Hyperlinks)
○ WWW -> unterstützt Multimedia und Hyperlinks
• Zwei Eigenschaften des Hyperlinks im WWW sind "Erfolgsfaktoren" für diese Anwendung Für die Klausur:
○ Lokationsunabhängigkeit: Ein Verweis ist möglich, unabhängig vom Ort des Aufrufenden & dem Ort der - Beide Erfolgsfaktoren des WWW auflisten
verlinkten Info - Definition des Hyperlinks erklären
○ Medienunabhängigkeit: Infos können in unterschiedlichen Medienformen zur Verfügung gestellt & verlinkt
werden (Text, Bild, Audio, Video, etc.)
Tim Berners Lee hatte zwar die Lokationsunabhängigkeit (Anwendung auf Basis des Internets), aber
nicht die Medienunabhängigkeit (HyperText…) als Ziel des WWW!
-> NCSA erfand mit dem Mosaic-Browser den ersten Browser zur Verfügung, der für "Privatpersonen"
zugänglich war -> damit kam auch der <img> tag
-> Durchbruch des Webs bei Normalsterblichen
Web Engineering Seite 2
, 1. Anwendungsprotokoll HTTP
Montag, 16. Januar 2023 13:50
Protokoll: verbindliche Regeln zur Kommunikation zwischen Teilnehmern.
- zur Kommunikation wird nicht ein Protokoll, sondern ein Protokoll-Stack ("Stapel") verwendet
- das jeweils darüberliegende Protokoll baut auf der Funktionalität des darunterliegenden Protokolls auf
- Ein Protokoll muss jeweils nur relativ wenig "neue" Funktionalität realisieren
Nr. ISO/OSI-7- EN 4-Schichten- Funktionalität
Schichten-Modell Modell
DE
1. Bitübertragung physical (local) network Signalcodierung, physikalisches Übertragungsmedium, Stecker & Buchsen,
access Modulationsverfahren, …
2. Sicherung datalink s. o. Korrekte Übertragung zwischen zwei unmittelbar verbundenen Teilnehmern |Adressierung von
unmittelbar verbundenen Teilnehmern (MAC-Adresse), Medienzugriffskontrolle
3. Vermittlung network Internet Adressierung im weltweiten Netz (Internet, IP-Adresse), Wegewahl (Routing)
4. Transport transport Transport korrekte Übertragung (vollständig, fehlerfrei, reihenfolgetreu) zwischen beliebigen (auch weit
zueinander entfernten) Teilnehmern
Anwendungsadressierung (Port), damit mehrere Anwendungen auf einem Rechner "gleichzeitig"
das Netzwerk nutzen können
5. Kommunikationsster session application Realisierung eines "Transaktionskonzeptes", Rücksetzen der Kommunikation auf vorherige
uerung "Synchronisierungspunkte"
6. Darstellung presentai s. o. Anwendungscodierung (& Zeichencodierung & Zahlencodierung)
on
7. Anwendung applicatio s. o. Realisierung des jeweiligen Client-Server oder Peer-2-Peer-Anwendungsmodells
n
-sschicht -layer -layer
Im Internet wird für Schritt 4 (Transport-Layer) entweder TCP oder UDP eingesetzt:
- Beide enthalten die Anwendungsadressierung über Ports, aber nur TCP sorgt für korrekte
Übertragung der Daten
- TCP ist ein verbindungsorientiertes Protokoll, vor der Datenübertragung muss eine Verbindung
zwischen Sender und Empfänger aufgebaut werden; nachdem alle Daten übertragen wurden, wird
die Verbindung abgebaut
- Bei TCP: während der Übertragung werden die Datenpakete durchnummeriert und mit
Prüfsummen versehen
- Korrekt empfangene Pakete werden bestätigt
- Falls ein Paket innerhalb eines Timeouts nicht bestätigt wird, gibt es eine
Übertragungswiederholung durch den Sender.
-> Vollständigkeit, Fehlerfreiheit und Reihenfolge wird mir ggf. langer Übertragungsdauer erkauft,
diese Übertragungsdauer variiert stark
- (bis Version 2) basiert HTTP ausschließlich auf TCP
- HTTP3 arbeitet zwar mit UDP, aber es gibt ein "Zwischenprotokoll" QUIC, welches aufbauend auf
UDP für Vollständigkeit, Fehlerfreiheit und Reihenfolgetreue sorgt
HTTP: HyperTextTransferProtocol
- Anwendungsprotokoll, welches für die Anwendung WWW geschrieben wurde.
- (ursprünglich) rein textbasiert
- Realisierung des Client-Server-Modell:
○ Client (Browser) schickt eine Anfrage (Request)
○ Server (Web-Server) schickt eine Antwort (Response)
Ur-HTTP (später als HTTP 0.9 bezeichnet) von 1991
- Anfrage/Request:
○ GET /pfad/zur/ressource.html [einfach ohne Versionsnummer. Server erkennen das Fehlen der
Nummer automatisch als 0.9]
- Antwort/Response: Inhalt der Ressource, d.h. HTML-Quelltext
- Einschränkungen/Probleme:
○ Keine anderen Medienformate als HTML und Plain Text (Erkennen von <HTML> zu Beginn)
○ Keine sichere (und vor allem keine maschinelle) Fehlererkennung (Fehlermeldung ist HTML-Seite)
Web Engineering Seite 3
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller nicolas54. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $3.25. You're not tied to anything after your purchase.
Can Stuvia be trusted?
4.6 stars on Google & Trustpilot (+1000 reviews)
75632 documents were sold in the last 30 days
Founded in 2010, the go-to place to buy study notes for 14 years now