100% Zufriedenheitsgarantie Sofort verfügbar nach Zahlung Sowohl online als auch als PDF Du bist an nichts gebunden
logo-home
Einführung Web Engineering 2,99 €   In den Einkaufswagen

Notizen

Einführung Web Engineering

 1 ansicht  0 mal verkauft

Diese Mitschrift zur Vorlesung Web Engineering beinhaltet die Historie von Web Engineering Techniken wie HTML, CSS sowie grundlegenden Layern in der Web-Technik.

vorschau 3 aus 20   Seiten

  • 22. august 2023
  • 20
  • 2023/2024
  • Notizen
  • Roetig
  • Alle klassen
Alle Dokumente für dieses Fach (1)
avatar-seller
nicolas54
Inhaltsübersicht
Sonntag, 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

Alle Vorteile der Zusammenfassungen von Stuvia auf einen Blick:

Garantiert gute Qualität durch Reviews

Garantiert gute Qualität durch Reviews

Stuvia Verkäufer haben mehr als 700.000 Zusammenfassungen beurteilt. Deshalb weißt du dass du das beste Dokument kaufst.

Schnell und einfach kaufen

Schnell und einfach kaufen

Man bezahlt schnell und einfach mit iDeal, Kreditkarte oder Stuvia-Kredit für die Zusammenfassungen. Man braucht keine Mitgliedschaft.

Konzentration auf den Kern der Sache

Konzentration auf den Kern der Sache

Deine Mitstudenten schreiben die Zusammenfassungen. Deshalb enthalten die Zusammenfassungen immer aktuelle, zuverlässige und up-to-date Informationen. Damit kommst du schnell zum Kern der Sache.

Häufig gestellte Fragen

Was bekomme ich, wenn ich dieses Dokument kaufe?

Du erhältst eine PDF-Datei, die sofort nach dem Kauf verfügbar ist. Das gekaufte Dokument ist jederzeit, überall und unbegrenzt über dein Profil zugänglich.

Zufriedenheitsgarantie: Wie funktioniert das?

Unsere Zufriedenheitsgarantie sorgt dafür, dass du immer eine Lernunterlage findest, die zu dir passt. Du füllst ein Formular aus und unser Kundendienstteam kümmert sich um den Rest.

Wem kaufe ich diese Zusammenfassung ab?

Stuvia ist ein Marktplatz, du kaufst dieses Dokument also nicht von uns, sondern vom Verkäufer nicolas54. Stuvia erleichtert die Zahlung an den Verkäufer.

Werde ich an ein Abonnement gebunden sein?

Nein, du kaufst diese Zusammenfassung nur für 2,99 €. Du bist nach deinem Kauf an nichts gebunden.

Kann man Stuvia trauen?

4.6 Sterne auf Google & Trustpilot (+1000 reviews)

45.681 Zusammenfassungen wurden in den letzten 30 Tagen verkauft

Gegründet 2010, seit 14 Jahren die erste Adresse für Zusammenfassungen

Starte mit dem Verkauf
2,99 €
  • (0)
  Kaufen