Advanced Web Technologies
Advanced Web Technologies FHGR
Advanced Web Technologies FHGR
was ist cgi?
Common gateway interface
Es handelt sich hierbei um ein standartisiertes protokoll für die kommunikation einer anwendung mit einer webserver software
Diese andwendungen werden auch als cgi sripte bezeichnet.
Es handelt sich hierbei aber nicht um eine programmiersprache commo gateway interfaces können in allen beliebigen programmiersprachen verwendet werden
Skriptsprache phyton erläutern sie die wichtigsten merkamle dieser skriptsprache
Sehr mächtige aber dennoch einfache skriptsprache
Legt hohen wert auf die lesbarkeit
Verwendung im web nicht so verbreitet wie php dafür beliebte systemsprache
Unterstütz objektorientiere und funktionale programmierstile
Sprictsprache ruby on rails (ror)
Es handelt sich hierbei um ein framework zur schnellen entwicklung von datenbankbasierten webanwendungen. Automatische verwendung von best practice, kommt für einfache webanwendungen schnell ans ziel, noch nicht so weit verbreitet
Spricptsprache ASP?
Asp ist die erste webskriptsprache von microsoft
Vbsrcipt
Interpretierte sprache
Zur java familie gehören applet und servlet
Erläutern sie was applet ist?
Eine kleine java anwendung die meist auf dem client läuft, compiliert anwendungen früher als animations gadgets, heute verdrängt durch flash doer html 5
Erläutern sie was servlet ist?
Server und applet kleine anwendung auf dem server
Zur realisierung von dynamischen websites. Wird im servercontainer im webserver ausgeführt, bespiel apache tomcat oder jetty
Diese java servlets werden automatisch auf jsp javaserver pages erstellt
Was ist ein (Web)Framework?
Es handelt sich hierbei um ein grundgerüst zur erstellung von webanwendungen mit vorgefertigten strukturen und codebausteinen
Setzten auf die jeweils verwendete programmiersprache auf
Was sind die herausforderungen moderner webumgebungen?
Sehr viele (mehr als 100 requests) für webung etc öfters anzutreffen. Html headers also metadaten meist grösser als der eigentliche inhalt
Für mobile nutzer immer mehr probleme mit der netzwerkgeschwindikeit, viele unterschiedliche bildschirm grössen, rotationen auflösungen, starke personalisierung also individuelle inhalte
Was bedeutet Komprimierung?
Bei der Komprimierung wird ein programm vollständig in ein maschinenprogram übersetzt.
Kontrolliert ebenfalls beim compilierung auf syntax, complimierung ist schneller als scriptsprachen
Was sind die Probleme wenn man kein Datenbanksystem hat?
Grosse datenmengen können nicht effizient verwaltet werden, daten werde an mehrerer orten gleichzeitig abgelegt somit redundanz der daten, daraus verschwendung der speicherplatz, revisionsproblematik, risiken bei physischem hardware schaden, zugriffsberechtigungsregeln.
Zeichnen sie eine typische Datenbank Anwendung auf?
Datenbanken gehen von strukturierten daten aus, im gegensatz zu big data wo 90% der daten unstrukturiert sind. (zum beispiel video oder audio dateien)
Wie sind relationale Datenbanken aufgebaut?
Relationale Datenbanken beruhen auf strukturierten daten sprich tabellen, sie besitzen jeweils ein schlüsselmerkmal sowie ein merkmal oder attribut das dem schlüsselmerkmal zugeordnet ist.
Wie muss der Primärschlüssel sein?
Primärschlüssel muss ein eineindeutiges merkmal sein. Zum beispiel artikelnumer ode rmitbarieternummer
Was sind die eigenschaften von relationalen Datenbanken?
Relationale datenbanken haben eine klare formale grundlage, daten werden in tabellen gespeichert somit redundanzeliminierung, da abhängigkeiten zwischen den attributen aufgedeckt werden
Daten und anwendungsprogramme bleiben weitgehend voneinander getrenn
Somit können die daten mehrfach gleichzeitig genutzt werden.
Was ist SQL?
Structured Query Language
Wozu braucht man SQL?
Um Daten und Datenstrukturen beschreiben zu können benötigt man eine datenbeschreibungssprache DDL also data definition language,
eine abfragesprache ist nötig um daten schnell aus einer tabelle abfragen zu können, data manipulation language dml
die internaltional standartisierte abfragesprache für relationale datenbanken heisst sql, sie ist sowohl eine datenbeschreibungssprache DDL als auch eine Data manipulation language dml.
Wie funktioniert SQL?
Select : attribut(e)
From : tabelle(n)
Where bedingungen
SQL st deskriptiv und menegenorientiert
Welche relationale datenbanksysteme gibt es?
Oracle database
Db2 ibm
Microsoft sql server
Myscl
Ms access von microsoft
Beschreiben sie die relationale datenbank microsoft office access?
Ein relationales datenbankmanagement system welches über ein graphisches nutzerinterface verfügt
Teil des office pakets somit kommerzielle software
Geeignet für kleinere bis mittlere datenbanken
Einfache bedienung auch für einsteiger geeignet
Kann daten aus excel word und outlook etc verknüpfen
Beschreiben sie die relationale datenbank oracle?
Meist mit kompletpaket hardware und betriebsystem gekauft
Sehr teuer, zusätzliche kosten durch support verträge
Für mittelgrosse bis grosse datenbanken
Client server prinzip
Klassifikation von Rechnernetze nach dem Kriterium räumliche Distanz:
0.1 Meter Platine Multiprozessorsystem
1 Meter System Multiprozessor Cluster
20 Meter Raum PAN Personal Area Network (Zum Beispiel Verbindung von Mobiletelefon zur Sonos Box)
1 KM Gebäude Campus LAN Local Area Network (WLAN an der HTW auf verschiedene Gebäude verteilt)
10 km Stadt MAN Metropolitan Area Network
1000km Land Kontinent WAN Wide Area Network
10000km Planet Internet
Ein Beispiel für ein Rechnernetzt mit dem Kriterium privat:
VPN Virtual private network
Beispiel ein Mitarbeiter kann via VPN von seinem Heimnetz auf das Netz der Unternehmung zugreifen
Man bindet ein Teilnehmer eines bestehenden Kommunikationsnetzes an ein anderes Netz an.
Erklären Sie die Client Server Architektur?
Eine Client Server Struktur ist ein asynchrones Kommunikationsmodel (request/response)
Ein Client fragt Daten von einem Server an, der Server liefert dann diese Daten an den Client
Machen sie ein Beispiel einer Client Server Architektur anhand des Beispiels E-Mail:
Am Beispiel E-Mail handelt es sich bei dem Client um ein Mail Programm wie zum Beispiel Outlook. Dieser Client fragt dann Daten ab via einem Protokoll im Fall E-Mail ist es ein IMAP Protokoll/SMTP Protokoll. Der Server liefert dann die entsprechenden Daten an den Client. In diesem Beispiel handelt es sich bei dem Server dann um einen Mail Server zBs. MS Exchange.
Was ist ein IMAP Protokoll?
Internet Message Access Protocol ist ein Netzwerkprotokoll
Dieses textbasierte Protokoll dient dem Zugriff auf Emails die auf einem Mailserver liegen.
Öffnet der User das Mail Programm wird via diesem Protokoll die aktuellste Mailliste vom Server geladen. Da alle Mails auf dem Server liegen wird bei Abfrage ab verschiedenen clients immer dasselbe ergebniss erhalten, da alles zentral auf dem server gespeichert ist.
Die daten werden auf dem server nicht gelöscht bei jedem neuen öffnen laden die daten vom server auf den client.
Was ist ein SMTP Protokoll?
SMTP simple mail transfer protocoll wird zum senden von mails gebraucht.
Was ist ein POP Protokoll?
POP Post office protocol Mail wird vom sender in den posteingang geschickt und dann auf dem server gelöscht
Erläutern Sie die Client Server Architektur anhand des Beispiels WWW?
Client ist ein Browser (Google Chrome) das Protokoll ist http und der Server ist ein Web Server (zbs Apache)
Was ist http?
Hypertext transfer protocol
Ein zustandloses Protokoll zur Übertragung von Daten auf der Anwenderschicht via Rechnernetz. Wir hauptsächlich dafür eingesetzt webseiten aus dem WWW in einen Webbroswer zu laden.
Zählen Sie die 7 schichten des OSI Schichtenmodells auf?
OSI Open System interconnection
7 Anwendungsschicht
6 Darstellungsschicht
5 Sitzung
4 Transport
3 Vermittlung/Paket (Network)
2 Sicherung
1 Bitübertragung
Schicht 7 bis 5 sind Anwendungsschichten, Schicht 4 ist die Transportschicht, Schic/ht 3 ist die Internet- und Vermittlungsschicht und Schicht 2 bis 1 ist die Netzzugangsschicht
Nennen Sie pro Schicht ein Protokoll?
Anwendungsschicht http/https, smtp, dns
Transport tcp/udp
Vermittlung/Paket ip
Sicherung ethernet, tlap
Bitübertragung token
Welche 4 Schichten bilden das TCP/IP Schichtenmodel?
Anwendungsschicht
Transportschicht
Internet/Vermittlungsschicht
Netzzugangsschicht
Grundprinzip der Datenübertragung, man unterscheidet zwischen Leitungsvermittlung und Paketvermittlung.
Geben Sie ein Beispiel für ein Leitungsvermitteltes Netz?
Switching Networks, Telekommunikationsnetzwerke
Was sind die Eigenschaften von Leitungsvermittelten Netzen?
Die Verbindung wird über Vermittlungsstelle geschaltet, es handelt sich um eine stehende Leitung welche nicht von anderen Teilnehmern mitgenutzt werden kann. Die Datenübertragungsrate ist fest. Die Kosten proportional zur Verbindungsdauer. Wenn die Vermittlungsstation ausfällt, bricht die Verbindung ab.
Was sind die Eigenschaften von Paketvermittlung?
Ausfallsicher, schnell fair und effizient verteilt, bildet die Grundlage des Internet Datenverkehrs
Erläutern Sie das Baukastenprinzip für Paketvermittlung?
Daten also Beispielsweise Bilder oder Textdateien werden für den Transport in kleine Datenpakete zerlegt. Die Pakete werden an eine IP Adresse gesendet (Empfängeradresse) die Route bis dorthin ist vorher nicht bekannt. Jedes Paket sucht sich aufgrund eines Algorithmus seinen weg. Der Sender kennt nur immer den weg bis zur nächsten Vermittlungsstelle (Knoten)
Netzzugangsschicht des OSI Models (Link Layer)
Wozu dient diese schicht?
Diese Schicht ist eine Sicherungs sowie Bitübertragungsschicht des osi referenzmodells
Es handelt sich um ein Platzhalter für verschiedene Techniken zur Punkt zu punkt datenübertragung
Welche Protokolle brauchen wir innerhalb dieser Netzzugangsschicht?
Token Bus, Toekn Ring
Es kann auch Kabelgebunden via ethernet erfolgen.
Was ist eine FDDI PPP Punkt zu Punkt Verbindung?
Fiber distributed data interface
Point to point protocoll
Was regelt die Internet Schicht im OSI Modell?
Die internetschicht basiert auf einer IP sprich einem internet protocoll, diese regelt die kommunikation zwischen zwei rechnern ohne vorherigen verbindungsaufbau auf der vermittlungsschicht.
-
- 1 / 127
-
Lernkarten
Was bedeutet xml?
Extensible markup language
Es handelt sich hierbei um den absoluten standart hinsichtlich import und export von daten zwischen systemen. Es ist nicht zu empfehlen dieses format als datenbank/storage zu verwenden
HTML ist ebenfalls eine xml anwendung.
Erläutern sie die XML grundsturktur?
Syntaxfestlegung + daten + stylesheet
Besteht aus 3 dateien und dann wird der xml prozessor also der browser das zeugs anzeigen.
Besteht immer aus einem dtd aus einem xml und aus einem stylesheet (css)
Internet explorer gibt es nicht mehr das ist jetzt microsoft egde!
Was bedeutet wohlgeformtheit bezüglich xml?
Ein wohlgeformtes xml ist ein xmldokument das die grundlegenden xml regeln befolgt, sprich aufbau von tags, schachtelung der tags..
ACHTUNG internet explorer 11 hat probleme mit wohlgeformten xmls da sich diese verion nicht volständig an die html standarts hält
Was bedeutet Gültigkeit hinsichtlich xml dokument?
Syntaxbeschreibung im dtd format oder als xsd vorgaben werden eingehalten
Was bedeutet xsd?
Xsd ist ein xml schema
Ist selbst ein xml dokument.
Was ist der Unterschied zwischen dtd und xsd?
DTD stammt noch aus den SGML Zeit wobei XSD w3c recommendation aus dem jahr 2001 ist.
Ein xsd ist schwieriger zu lesen, dafür hat ein xsd eine grössere ausdrucksmächtigkeit,
was ist eine relationale datenbank?
Datenbank welche aus sammlung von tabellen in welchen datensätze abgespeichert sind, besteht
Was ist der aktuelle html standard?
Html 5
Was sind Microformats?
Zum beispiel rdf resource desprition framework, es handlet sich hierbei um einen standart zur beschreibung von metadaten
Microformats dienen zur einbindung von maschinenlesbaren samntischen daten im html
Zum beispiel zeitangaben, adressdaten
Was versteht man unter semantic web?
Web 3.0, sprich die daten sollen verknüpft werden keine datensilos mehr wie im web 2.0.
Sprich zum beispiel wenn man bei linked in seine adresse ändert, soll dies automatisch ebenfalls bei facebook geschehen und reflektiert werden. Die bestehenden silos sollen verknüpft werden und daraus ein datenweb entstehen.
Was problem bei rdf ist, das es zu komplex ist daher schwierig ein samntic web aufzubauen.
Was ist der unterschied hinsichtlich objekten im web 2.0 und web 3.0 sprich semantic web?
Im normalen web 2.0 gehören objekte zusammen man weiss aber nicht wieso. Objekte im semantic web hingegen enhalten angaben zum grund ihrer verknüpfung, die beziehung der daten kann somit abgefragt werden.
Welche html5 pakete für moederne web applications gibt es?
CSS3
DOM
Web sockets
Erklären sie die begriffe CSS3, DOM, Web sockets?
CSS cascading style sheet: Das Erscheinungsbild einer Webseite und der einzelnen Elemente wird in der CSS-Datei festgelegt.
Da das Grundgerüst mit HTML und die Gestaltung durch CSS eingestellt werden, sind Content und Layout voneinander getrennt. Die Trennung von Inhalt und Gestaltung vereinfacht die Seite und macht sie übersichtlicher. Veränderungen lassen sich aufgrund dieser Trennung einfacher umsetzen. Wird etwas nachher angepasst, muss die Ausbesserung daher nur an einer einzelnen Stelle erfolgen. CSS bietet darüber hinaus mehr Gestaltungsmöglichkeiten als reines HTML.
DOM: Ein Browser analysiert ein HTML-Dokument und erstellt daraus im Arbeitsspeicher das Document Object Model, also eine Repräsentation dieses Dokuments, auf die man beispielsweise mit JavaScript zugreifen kann.
Was ist der Unterschied zwischen einer native app und einer nicht native (web) app?
Eine web app ist einach eine webseite die auf einen app angezeigt werden kann sprich entsprechend angepasst wurde. Diese app funnktioniert auf fast allen betriebssystemen du erreicht somit viele nutzer für wenig geld. Die entwicklung ist günstig.
Eine native app ist eine konkret in einer programmiersprache erstellte app, diese ist aufwändig und teurer aufzusertzen und diese sind nicht für alle betriebssysteme gleich optimiert.
Auf was beruht ein Firefox browser?
Auf einem mozilla derivat
Welche arten von browsern kennen wir?
Normale webbrowser wie edge firefox, opera, google chrome oder safari.
Hinzu kommen der tor browser sowie der brave browser
Erläutern sie dem begriff tor browser?
Ein tor browser kann ein plug in sein für einen normalen webbrowser um im web anonym zu surfen, die anfragen verlaufen dann via vielen vielen proxys sodass der weg im internet verschleiert wird.
Via den tor browser erreicht man das dark net, seiten die nur via tor browser verfügbar sind, diese nennt man onionserver. Dort ann man drogen sowie wafen kaufen.
Erläutern sie den Begriff brave browser?
Ein brave browser ist ein browser der werbung uterdrückt, führt den nutzer anonym durchs internet ohne cookies oder werbung, nachteil hie rvon durch die unterdrückung der cookies und werbung werden gewisse inhalte von seiten nicht richtig angezeigt.
Wenn man webentwicklungen macht, ist es von vorteil verschiedee browser installiert zu haben um in verschiedenen browsern die auflösung sowie die ansicht zu prüfen. Ebenfalls können dienste wie cross browser seiten genutzt werden, diese zeigen einem wie es pro browser aussehen würde. Ebefalls kann man mit virtuellen maschinen prüfen wie die verschiedenen browser aussehen.
Auf einer webseite kann man mittels ctrl umschalt I die post – get history einer seite checken, sowie deren ladezeit.
Wozu dient ein cascading style sheet? (CSS)
Ein cascading stylesheet ist von vorteil da, ohne dieses jede seite einzeln formatiert werden müsste.
Ein css erlaubt es den inhalt vom layout zu trennen. Ein css dient dazu die website zu formatieren.
Ein css ermöglicht unterschiedeliche darstellungen je nach ausgabegerät, also bildschirm oder drucker oder smartphone
Die eigenschaften werden hierarchisch auf die untergeordneten elemente vererbt. Parent child beziehung.
Was bedeutet der begriff respondsive design im zusammenhang mit css?
Eine webseite wird an endgeräte angepasst. Zbs. Bulletpoints sind für die andwendung auf einem smartphone nicht geeignet sprich für einen touchscreen.
Was sind die anfroderungen hinsichtlich mobilen endgeräten?
Bei mobilen endgeräten ist responsive design ganz wichtig, sprich websites müssen sich an unterschiedliche bildschirmgrössen und ausrichtungen anpassen.
Aus client sicht dient ein html für den inhalt, das css für das layout und die formatierung sowie das dom für die interaktivität (document object model)
Was bedeutet AJAX?
Asynchronous javascript and xml
Es handelt sich hierbei um eine kombination aus technologie:
Client:browser
Javascript, dom, css und xhtml
Xmlhttp request
Server xml
Das web 2.0 baut fast immer auf dieser technologie auf
Wie funktioniert ajax?
Die daten werden asynchron also häppechenweise bei bedarf vom server geladen
Interaktive webanwendungen: es wird nicht immer die gesamte html seite neu geladen
Weniger brandbreite wird gebraucht, es gibt schnellere reaktionszeiten, ist in fast allen browsern verfügbar,
welche Alternativen zu javascript gbt es?
Coffee script
Typescript (microsoft)
Javascript v8 (google)
Dart (google)
Was ist der unterschied zwischen dynamischen und statischen webangeboten?
Bei statischen webangeboten werden sie seiten einer website eins zu eins vom server geholt und müssen genau so dort plaziert werden, bei dynamischen webangeboten kommuniziert der server mit der seite und die dokumente werden nicht einfach nur auf de server abgelegt.
Dynamische webseiten sind sehr viel vielfältiger man braucht aber auch php kenntnise um die seiten zu entwicklen.
Statische webangebote haben eine hohe geschwindikeit hinsichtlich Zugriff, und sind kostengünstiger
Auf welchen zwei grundprinzipien basiert ein dynamisches webangebot?
Dynamische generigeung auf client seite via javascript im browser, dynamische generierung auf server seite mittels programmiersprache hp oder perl,
kombination beider konzepte ajax!
Erst durch serverseitige generierung ist es möglich personalisierung oder content management oder online banking zu machen.
Javascript ist in der regel auf dem client (browser) anzutrefffen, ermöglicht viele web 2.0 typische browser funktionen. Wesentliche komponente für ajax, und mächtige javvascript bibliotheken bieten heute vorgefertigete bausteine um interaktionsreiche webseiten zu entwicklen.
Was ist php?
Eine scriptsprache, Hypertext Preprocessor“,
php wird hauptsächlich zur erstellung dynamischer webseiten sowie webangeboten gebraucht, es handelt sich um eine open source software die sehr populär ist für web skriptsprache
aktuellste version php 5.6
was ist cgi?
Common gateway interface
Es handelt sich hierbei um ein standartisiertes protokoll für die kommunikation einer anwendung mit einer webserver software
Diese andwendungen werden auch als cgi sripte bezeichnet.
Es handelt sich hierbei aber nicht um eine programmiersprache commo gateway interfaces können in allen beliebigen programmiersprachen verwendet werden
Skriptsprache phyton erläutern sie die wichtigsten merkamle dieser skriptsprache
Sehr mächtige aber dennoch einfache skriptsprache
Legt hohen wert auf die lesbarkeit
Verwendung im web nicht so verbreitet wie php dafür beliebte systemsprache
Unterstütz objektorientiere und funktionale programmierstile
Sprictsprache ruby on rails (ror)
Es handelt sich hierbei um ein framework zur schnellen entwicklung von datenbankbasierten webanwendungen. Automatische verwendung von best practice, kommt für einfache webanwendungen schnell ans ziel, noch nicht so weit verbreitet
Spricptsprache ASP?
Asp ist die erste webskriptsprache von microsoft
Vbsrcipt
Interpretierte sprache
Zur java familie gehören applet und servlet
Erläutern sie was applet ist?
Eine kleine java anwendung die meist auf dem client läuft, compiliert anwendungen früher als animations gadgets, heute verdrängt durch flash doer html 5
Erläutern sie was servlet ist?
Server und applet kleine anwendung auf dem server
Zur realisierung von dynamischen websites. Wird im servercontainer im webserver ausgeführt, bespiel apache tomcat oder jetty
Diese java servlets werden automatisch auf jsp javaserver pages erstellt
Was ist ein (Web)Framework?
Es handelt sich hierbei um ein grundgerüst zur erstellung von webanwendungen mit vorgefertigten strukturen und codebausteinen
Setzten auf die jeweils verwendete programmiersprache auf
Was sind die herausforderungen moderner webumgebungen?
Sehr viele (mehr als 100 requests) für webung etc öfters anzutreffen. Html headers also metadaten meist grösser als der eigentliche inhalt
Für mobile nutzer immer mehr probleme mit der netzwerkgeschwindikeit, viele unterschiedliche bildschirm grössen, rotationen auflösungen, starke personalisierung also individuelle inhalte
Was bedeutet Komprimierung?
Bei der Komprimierung wird ein programm vollständig in ein maschinenprogram übersetzt.
Kontrolliert ebenfalls beim compilierung auf syntax, complimierung ist schneller als scriptsprachen
Was sind die Probleme wenn man kein Datenbanksystem hat?
Grosse datenmengen können nicht effizient verwaltet werden, daten werde an mehrerer orten gleichzeitig abgelegt somit redundanz der daten, daraus verschwendung der speicherplatz, revisionsproblematik, risiken bei physischem hardware schaden, zugriffsberechtigungsregeln.
Zeichnen sie eine typische Datenbank Anwendung auf?
Datenbanken gehen von strukturierten daten aus, im gegensatz zu big data wo 90% der daten unstrukturiert sind. (zum beispiel video oder audio dateien)
Wie sind relationale Datenbanken aufgebaut?
Relationale Datenbanken beruhen auf strukturierten daten sprich tabellen, sie besitzen jeweils ein schlüsselmerkmal sowie ein merkmal oder attribut das dem schlüsselmerkmal zugeordnet ist.
Wie muss der Primärschlüssel sein?
Primärschlüssel muss ein eineindeutiges merkmal sein. Zum beispiel artikelnumer ode rmitbarieternummer
