Web Technologie
WBTC, 4. Semester BFH
WBTC, 4. Semester BFH
-
- 1 / 37
-
Lernkarten
Welches sind verbreitete Web-Anwendungen?
- Suchmaschinen
- Webshops
- Social Software
- Web-CMS (Content Management Systeme)
- Online Games
Wie wird das Web 3.0 auch noch genannt?
- Semantisches Web
- Read-Write-Execute Web
Welches sind verbreitete Internet-Technologien?
- Internet-Protokolle
- Client- und Serversprachen
- Datenformate (Text, Mulitmedia) wie z.B. JSON
- Web Server Technologien
- Verschlüsselungstechniken
Wie wird das Web 1.0 auch noch bezeichnet?
- Classical Web
- Static Web
- Document Web
- Read-only Web
Erkläre das Web 1.0
- Statische Webseiten
- Client-Server-Modell
Formulare und Frames als benutzte Technologie (bspw. verlinkte Dokumente)
Erkläre das Web 3.0
Merkmale: Anreicherung von Daten und Information mit Bedeutung (Semantik)
Technologien:
- Linked Data
- Mikroformate
- Data Mining
Semantische Suche
Wie wird das Web 2.0 auch noch genannt?
- Social Web
- Dynamic Web
- Read-write Web
Erkläre das Web 2.0
Interaktion. Nutzer kann Code generieren
Bsp: Wikipedia, YouTube
Wie wird das Web 4.0 auch noch genannt?
Bislang keine exakte Definition
- Symbiotic Web
- Cyber-physical web
Erkläre das Web 4.0
Intelligentes Web, das "mitdenkt" bzw. "mitarbeitet" und so wie eine Art Operation System funktioniert.
Internet of Things (IoT) soll ermöglicht werden -> verbindet Geräte in der virtuellen und realen Welt
Was ist mit Web 5.0 gemeint?
- Emotional Web
- Web of Thoughts
Ist als "The next Web" bekannt. Open, linked and intelligence Web
Was ist der Unterschied zwischen einer statischen und einer dynamischen Webseite?
Dynamisch: Informationen können sich direkt auf der Seite verändern
Statisch: Informationen verändern sich nicht
Wie heissen die beiden Dimensionen von Webseiten?
- Präsentation
- Erzeugung
beide können sowohl statisch wie auch dynamisch sein
Erkläre MIME Types
Klassifiziert die Daten im Rumpf einer Nachricht.
Bei einer HTTP-Übertragung wird dem Browser mitgeteilt, welche Art von Daten (Klartext, HTML etc.) der Websever sendet.
Der Webbrowser fordert also Ressourcen-Daten vom Server an.
Wie sieht die Arbeitsweise einer Webanwendung aus?
- Request-Response Vorgehensweise zwischen Client und Server
- Ein Client-Request hat ggf. mehrere Request-Response-Zyklen zur Folge
- Mittels Content Negotiation werden Inhalte der angefragten Ressource abgestimmt
Was versteht man unter Content Negotiation?
Content Negotiation ist eine Art Inhaltsvereinbarung (z.B. Sprachauswahl, HTTP-Header etc.)
Es ist eine Technik im Hypertext Transfer Protocol, die eine Abstimmung der Inhalte der angefragten Ressource aufgrund der Möglichkeiten und Vorzüge des Clients ermöglicht.
Was gehört zu Inhalt und was zu Struktur?
Inhalt: Seite hat Überschrift, Einträge in einer Liste, Schrift ist hervorgehoben
Darstellung: Überschrift zentriert und rot, runde Aufzählungszeichen, fett und kursiv
Was sind Selektoren, Properties und Values?
Mit Selektoren können Tags angesprochen werden: p, table, h1 etc.
Properties weisen Selektoren Eigenschaften zur Darstellung zu, indem ihnen Werte (Values) zugewiesen werden.
- h1 = Selektor
- color = Property
- red = Value
Was sind Gründe für einen Tooleinsatz (CSS)?
- Steigerung der Produktivität
- Vermeiden von alltäglichen Fehlern
- Einheitliche Code-Basis
- Verbesserter Workflow bei Teamarbeit
Was sind Gründe gegen Tooleinsatz (CSS)?
- Erlernen der Arbeitsweise des Frameworks kostet Zeit
- Man vertraut dem Framework, nicht seinen eigenen CSS-Kenntnissen
- Frameworks erzeugen Overhead im Code
Was ist Document Object Model (DOM)?
- Spezifikation einer Schnittstelle für Zugriff auf HTML oder XML
- Besteht aus einem Satz von Klassen mit Methoden und Attributen
- Ermöglichet den Inhalt, die Struktur und das Layout eines Dokumentes dynamisch zu verändern
Vergleiche <canvas> mit <svg>
- SVG beschreibt 2D Grafiken in XML, Canvas zeichnet 2D Grafiken on-the-fly
- in SVG wird jede Grafik als Objekt identifiziert -> bei Änderung kann Browser einfach die Grafik aktualisieren
- in Canvas wird Grafik Pixel für Pixel gezeichnet. -> bei Änderung muss Zeichenprogramm alles erneut ausführen
- Canvas gut für Games - SVG nicht für Games geeignet
Wofür werden reguläre Ausdrücke gebraucht?
- dienen als Beschreibungsmöglichkeit für Zeichenmuster (Strings)
- können Muster (Pattern) definieren, um nachzuprüfen, ob sie z.B. in Texten vorkommen
Reguläre Ausdrücke - Welches sind die gängigsten Zeichen?
- [0-9], bedeutet Ziffer zwischen 0-9
- [a-z A-Z] bedeutet ein Zeichen zwischen a und z, bzw., A und Z
- Ein Punk (".") ist Platzhalter für genau ein Zeichen
- {3}: 3-fache Wiederholung des vorhergehenden Ausdrucks, z.B. [0-9]{5} = 5-stellige Zahl
Welche Ausgaben erlaubt der Ausdruck "a.b\.c"?
Was zeichnet XML aus? (Extensible Markup Language)
- Können eigene Markup tags eingesetzt werden (<eigen> </eigen>)
- Trennung von Inhalt und Layout
- Domämnen spezifische Sprache
Was bedeutet Well-fomed und Validity für XML-Dokumente?
Wellformed bezieht sich auf die Struktur des Dokuments
Validity bezieht sich auf das Einhalten der Schema-Struktur (erlaubte Tags, Konstellation)
Wie lautet die Regel zu Well-formed und Validity?
each valid xml document is also well-formed, but not each well-formed xml document is also valid.
Was sind die Vorteile von XSLT?
- Konsistent und automatisierter Prozess
- Style Sheet ist separat zum Kontent
- Lesbar für Menschen
- Integrierbar mit anderen XML Technologien
XQuery - Was gibt folgende Anweisung aus?
for $x in (1, 2, 3, 4)
let $y := ("a", "b", "c")
return ($x, $y)
Wie unterscheiden sich XQuery und XPath?
- XQuery ist mächtiger als XPath => XPath Ausdruck ist auch XQuery
- XQuery kann mehrer Quelldokumente abfragen
- XQuery hat benutzerdefinierte Funktionen
XQuery vs. XSLT
- Beide transformieren XML Dokumente
- Beide sind gleich mächtig
- XSLT für Traversierung und Transformation von XML
- XQuery ähnelt DB-Sprache
Was ist JSON und wozu wird es genutzt?
JSON = JavaScript Object Notation
JSON ist ein textbasiertes Open Standard Datenaustausch Format
- Datenaustausch zwischen Client und Server mittels Ajax
Anstatt ganze Seite neu zu laden wird durch Engine nur die Rohdaten mittels JSON vom Server angefordert und nur der Teil der neu geladen werden muss, wird geladen. Z.B. SBB wird nur der Teil mit den Zugverbindungen neu geladen, nicht die ganze Seite
Vergleich JSON und XML
Gemeinsamkeiten:
- Text basiert
- von Menschen lesbar
- Plattform unabhängig
- Baumstruktur
Unterschiede:
- Syntax
- XML ist eine markup language
Nenne Charakteristiken von Linked Data
- URI
- Data Cloud
- XML
- RDF
- HTTP
a thing in relationship to another thing
Nenne Charakteristiken von Semantic Web
- Web 3.0
- Metadaten
- Kontext-basiert
- Intelligente Webservices
Was ist Linked Data?
- Formt die Basis des Semantisches Web
- Modelliert Semantik
- Daten sind durch gemeinsames URI-Schema verlinkt
Bei Google rechts das Feld mit Öffnungszeiten, Adresse etc, dass bei einer Restaurantsuche generiert wird.
