Lösungen der Aufgaben zur Klausurvorbereitung. Aufgabe 1: a) was sagen die folgenden Eigenschaften eines XML-Dokumentes aus? wohlgeformt gültig

Transkript

1 HTW Dresden Fakultät Informatik/Mathematik Internettechnologien Lösungen der Aufgaben zur Klausurvorbereitung Aufgabe 1: a) was sagen die folgenden Eigenschaften eines XML-Dokumentes aus? wohlgeformt gültig wohlgeformt, dann wenn die Regeln von XML eingehalten werden, d.h. Inhalte durch öffnende und schließende Tags eingeschlossen werden. Die Tags sind hierarchisch verschachtelt. gültig, wenn Tag-Reihenfolge, bzw. -Schachtelung und Werte mit DTD oder XML- Schema einhergehen. Ein gültiges Dokument setzt Wohlgeformtheit voraus. b) Zeigen Sie am unten stehenden XML-Dokument, an welchen Stellen welche dieser Eigenschaften verletzt werden. DTD: <?xml version="1.0" encoding="utf-8"?> <!ELEMENT musiksammlung (album)*> <!ATTLIST musiksammlung eigentuemer CDATA #REQUIRED> <!ELEMENT album ((interpret), albumtitel, songs) > <!ELEMENT songs (song)* > <!ELEMENT interpret (#PCDATA) > <!ELEMENT albumtitel (#PCDATA) > <!ELEMENT song (#PCDATA) > XML: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE musiksammlung SYSTEM "musiksammlung.dtd"> <musiksammlung eigentuemer="max Meier"> <album> <interpret>die Singfreunde</interpret> <albumtitel> Unsere Lieder <songs>. nicht wohlgeformt: </albumtitel> fehlt <song>lied 1</song> <song>lied 2</song> </albumtitel> nicht wohlgeformt: </albumtitel> passt hier nicht </songs> </album> <album> nicht gültig: Albumtitel fehlt <titel> Wanderlieder </titel> <song>schlaflieder</song> </album> </musiksammlung> nicht gültig: Element Titel nicht in DTD nicht gültig: Elemente song nur innerhalb von songs

2 Aufgabe 2: Erläutern Sie die Softwarearchitektur einer 3-Tier-Web-Anwendung! Geben Sie dazu je Schicht die verwendeten Software-Instanzen(z.B. Webbrowser), die Dokumentauszeichnungssprachen bzw. die Skript-Programmiersprachen an! Antwort: Schicht 1 Darstellungsschicht, Webbrowser, zeigt HTML, eingebettete Inhalte und XML an, führt JavaScript aus, führt xslt- und css-transformationen aus Schicht 2 Bereitstellung, Webserver, speichert und überträgt HTML- und XML- Dokumente, speichert und überträgt xslt- und css-dokumente, speichert und überträgt JavaScript (keine Ausführung), speichert und überträgt eingebettete Inhalten (Images, Sound- Dateien) Schicht 3 serverseitige Verarbeitung (Scripting), Programmiersprache PHP, verarbeitet PHP, erzeugt HTML, erzeugt XML, erzeugt zum Teil JavaScript (Parameter, Funktionsaufrufe, auch Codeerzeugung möglich, wenngleich nicht üblich) Hinweis: In der Klausur werden derart ausführliche Beschreibungen nicht erwartet.

3 Aufgabe 3: Antworten: a) IP-Adresse und Port, auch URL b) DNS, richtigerweise Domain Name Service übersetzt URLs in IP-Adressen c) Durch welches Programm, bzw. auch durch welches Objekt wird kann ein http- Request ausgelöst werden? Antwort: (1) durch den Webbrowser (z.b. nach Eingabe einer URL, nach Anklicken eines Links, bei Absenden eines Formulars) (2) durch das XMLHttpRequestObject (AJAX) auch ein Webservice-Client kann einen http_request auslösen d) Im Query String (GET), oder im Body einer Request-Nachricht (POST) Geben Sie jeweils eine konkrete Nutzung für http-header e) in einer http-request-nachricht z.b. User-Agent:. [Browserkennung] d) und in einer http-response-nachricht an: z. B. Content-Type: text/html; z. B. Content-Length: 1025

4 Aufgabe 4: Es soll ein FORM-Formular in HTML erstellt werden, das zwei eingegebene Zahlen an den Server übergibt. Benutzten Sie die GET-Methode und nehmen Sie an, dass ein Skript auswertung.php auf der Serverseite existiert. a) Geben Sie den HTML-Code-Ausschnitt für das FORM-Formular an! b) Geben Sie die ersten zwei Zeilen des http-requests an, der beim Absenden des Formulars übertragen wird. Es muss erkennbar sein, wo und in welcher Syntax die eingegeben Werte transportiert werden. c) Geben Sie den Ausschnitt des PHP-Skripts an, das die zwei Zahlen in ein Array zur weiteren Verarbeitung überträgt. Lösung a) <form name="formular" method="get" action="auswertung.php"> <input name="zahl1" type="text" size="10" value="0.0"></input><br/> <input name="zahl2" type="text" size="10" value="0.0"> </input><br/> <input type="submit" value="absenden"/> </form> Lösung b) Nach Eingabe von und GET auswertung.php?zahl1=47.11&zahl2=0.815 HTTP/1.1 Lösung c) $z1 = $_GET[ zahl1 ]; $z2 = $_GET[ zahl2 ];

5 Aufgabe 5: Ein POST-Request mit den folgenden Eingabedaten im Body wird an den Web- Server gesendet und dort von einem PHP-Skript verarbeitet. xpos=45.33 & ypos=20.25 & r=10.14 Entwickeln Sie ein PHP-Skript, das den Flächeninhalt des Kreises (durch xpos, ypos und r beschrieben) als HTML-formatierten Text ausgibt. $r = $_POST[ r ]; $f = pi()*$r*$r; // auch PI*$r*$r mit define ( PI, ); echo( <p>die Kreisflaeche betraegt $f Einheiten. </p> ; Um ein gültiges HTML-Dokument zu erzeugen, ist noch die Ausgabe der HTML-, HEAD und BODY-Tags nötig. Das kann man hier aber weglassen.

6 Aufgabe 6: Lösung: var p1obj; var p2obj; var x1,x2,y1,y2; p1obj = xmlobj.getelementbyid( p1'); p2obj= xmlobj.getelementbyid( p2 ); x1=parsefloat( p1obj.getelementsbytagname( x )[0].firstChild.nodeValue); y1=parsefloat(p1obj.getelementsbytagname( y )[0].firstChild.nodeValue); x2=parsefloat( p2obj.getelementsbytagname( x )[0].firstChild.nodeValue); y2=parsefloat(p2obj.getelementsbytagname( y )[0].firstChild.nodeValue); // euklidische Distanz: var dx = x1 x2; var dy = y1 y2; var dist = Math.sqrt( dx*dx + dy*dy );

7 Aufgabe 7: Ergänzen Sie den Script-Teil der im folgenden gegebenen Webseite, dass zwischen dem Absenden des Requests und dem vollständigen Vorliegen der Antwort der Text Auftrag wird bearbeitet im Textfeld (id= dyntext ) als innerhtml angezeigt wird. Wenn die Antwort vollständig übertragen worden ist, so soll der als responsetext zurückgelieferte Text des AJAX-Requests angezeigt werden. <?xml version=\"1.0\" encoding=\"utf-8\"?> <!DOCTYPE html \npublic \"-//W3C//DTD XHTML 1.0 Strict//EN\" \" <html xmlns=\" xmlns:svg=\" xmlns:xlink=\" <head> <title>ajax-demo</title> <script type="text/javascript"> //<![CDATA[ function ajaxload() { var req = new XMLHttpRequest(); var requesturl = "beispiel.php"; req.open("get", requesturl, true); // hier Loesung einfügen req.onreadystatechange = function () { var dt = document.getelementbyid("dyntext"); //]] > </script> </head> if (req.readystate == 4) { if (req.status == 200) { dt.innerhtml = req.responsetext; else{ dt.innerhtml = Anfrage beendet, Fehler! ; else { dt.innerhtml = Auftrag wird bearbeitet ; req.send(null); <body onload="ajaxload()"> <H1>AJAX-Demonstration </H1> <div>antwort:</div><div id="dyntext"></div><br/> </body> </html>

8 Aufgabe 8: a) Geben Sie mindestens zwei Unterschiede an, die SOAP und REST unterscheiden! Unterschied 1: SOAP umschließt die Nutznachrichten in einem s.g. SOAP-Envelope - einem XML-Dokument, das zum Transport dient. Dabei ist z.b. auch das Referenzieren einer Web-Service-Beschreibung in einem WSDL-Dokument möglich. REST transportiert die Service-Anfragen und -Antworten direkt über http und kodiert Daten als XML. Einen Envelope (vgl. SOAP) gibt es hier aber nicht. Die Nachrichten sind daher kürzer. Unterschied 2: REST bezieht sich auf Ressourcen, die serverseitig erzeugt, gelesen, geändert und gelöscht werden können. SOAP hingegen macht keine solche Einschränkungen. SOAP wird typischerweise zur internen Realisierung von RPC s benutzt. b) Angenommen der in der Vorlesung vorgestellte Webservice mit der Funktion Kontakt soll anstatt wie in der unten dargestellten Nachricht <SOAP-ENV:Envelope.. > <SOAP-ENV:Body> <ns1:kontakt> <param0 xsi:type="xsd:string">start</param0> </ns1:kontakt> </SOAP-ENV:Body> </SOAP-ENV:Envelope> den Parameter (hier Start) mit den Tags <Kommando> </Kommando> umschließen? Wie kann man das erreichen? (Angabe des Prinzips reicht aus) Antwort: Durch Bereitstellung einer WSDL-Datei. Die Eingabenachricht wird dann mit einem Parameter <Kommando> spezifiziert, z.b. so <element name="request "> <complextype> <all> <element name="kommando" type="string"/> </all> </complextype> </element>

9 c) Wie wird eine Ressource in einem REST-Webservice-Request identifiziert? Antwort: Entweder als Query-String-Parameter, oder als Teil der URL. Beispiele: HTTP/1.1 Bei AWS auch so: PUT /my-image.jpg HTTP/1. Host: htw.s3.amazonaws.com (hier ist die Bucket-Ressource htw ein Teil des Hostnamen)