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: Beantworten Sie die folgenden Fragen: a) 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 b) Nehmen die Kommunikationspartner beim http-protokoll verschiedene Zustände ein? Wenn ja, welche welche? Antwort: Das http-protokoll selbst ist zustandslos, d.h. es repräsentiert keine Zustände der beteiligten Kommunikationspartner. Der Client nimmt dennoch Zustände nacheinander an: (1) vor Absenden des Requests (2) nach Absenden des Requests und vor Eintreffen der Response- Nachricht (3) nach Eintreffen der Response Nachricht Auch der Server besitzt Zustände: (1) vor Eintreffen des Requests (2) nach Eintreffen des Requests, vor Response (3) nach Absender der Response-Nachricht Geben Sie jeweils eine konkrete Nutzung für http-header c) 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. 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

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: Angenommen Ihnen wird in einer AJAX-Anwendung folgender XML-Inhalt als Ergebnis eines asynchronen Requests (z.b. als xmlobj = req.responsexml) zurückgegeben. <objects> <object id= Punkt1 > <objclass>punkt</objclass> <x>34</x> <y>211</y> <color>red</color> </object> <object id= Punkt2 > <objclass>punkt</objclass> <x>52</x> <y>242</y> <color>red</color> </object> </objects> Geben Sie an, wie Ihr Client durch Javascript und geeignete Zugriffe auf das DOM die beiden Punkte mit ihren x- und y-koordinaten ermittelt. Lösung: var x = new Array(); var y = new Array(); var element; var value; anzahl = xmlobj.getelementsbytagname('x').length; for (i = 0; i < anzahl; i++) { element = xmlobj.getelementsbytagname('x').item(i); value = element.firstchild.data; x[i] = parseint(value); anzahl = xmlobj.getelementsbytagname('y').length; for (i = 0; i < anzahl; i++) { element = xmlobj.getelementsbytagname('y').item(i); value = element.firstchild.data; y[i] = parseint(value); // euklidische Distanz: Annahme, dass die ersten zwei Punkte // eine Strecke ergeben var dx = x[0] - x[1]; var dy = y[0] - y[1]; var dist = sqrt( dx*dx + dy*dy ); Damit entsteht für die x- und y-werte jeweils ein nummeriertes Feld. Die im XML- Dokument enthaltenen x-werte und y-werte sind nun in die Felder aufsteigend als Integer-Werte eingetragen. Es gibt noch andere Möglichkeiten zum Einlesen der Daten, z.b. auf einzelne Variable, oder in assoziative Arrays.

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: 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.