4. Februar 2008 Klausur EWA

Größe: px

Ab Seite anzeigen:

Download "4. Februar 2008 Klausur EWA"

Käte Geier
vor 7 Jahren
Abrufe

1 Hochschule Darmstadt fbi Fachbereich Informatik Klausur Entwicklung webbasierter Anwendungen (EWA), WS 07/08 4. Februar 2008 Klausur EWA Name Vorname Matrikelnummer Note Aufgabe max. Punkte erreichte Punkte Allgemein: (X)HTML: CSS: JS: PHP: Summe 62 Bemerkungen: Als Hilfsmittel sind alle schriftlichen Unterlagen zugelassen. Schreiben Sie leserlich. Halten Sie sich an die aktuellen Standards zu (X)HTML, CSS, ECMAScript und DOM. Entwerfen und implementieren Sie nach best practice und schreiben Sie validen Code. Verwenden Sie aussagekräftige Variablen- und Methodennamen. Beschriften Sie alle Lösungsblätter und Aufgabenblätter und nummerieren Sie diese durch. Geben Sie alle Aufgabenblätter mit Ihren Lösungsblättern zusammen ab. W F Teil I: Allgemein 1) Kreuzen Sie an, ob die Aussagen wahr (W) oder falsch (F) sind. (5 Punkte - Falsche Antworten führen zu Punktabzug. Eine negative Punktesumme gibt es nicht.) Aussage In XHTML werden alle Tags und Attribute klein geschrieben. Die DOCTYPE Deklaration in XHTML hat ein schließendes Tag. Webprojekte werden idealerweise nach dem Wasserfallmodell entwickelt. Die Dokumententypdeklaration in einem SGML-Dokument gibt an, zu welcher Dokumenttypdefinition das Dokument konform ist. ist eine gültige URL. Unicode ist eine Zeichenkodierung für internationale Webseiten. Bei der Basic HTTP Authentifizierung werden die Benutzerdaten nicht verschlüsselt. Alle Formulare sollten mit POST übermittelt werden, dies erhöht die Sicherheit erheblich. Nested Sets eignen sich zur Darstellung von und Navigation auf Foren. Wenn PHP als Apache-Modul eingesetzt wird, übernimmt es die Benutzerrechte des Apache. 2) Ordnen den Technologien Cookie und Session die richtigen Aussagen zu. Hinweis: Nicht jede Aussage ist eineindeutig zuzuordnen. (2 Punkte) a) Daten sind auf dem Server b) Daten sind auf dem Client c) Daten werden im HTTP-Header übertragen. d) Daten werden bei GET in der URL angezeigt. e) Die Technologie dient der Speicherung von Zuständen. Cookie: Session: Seite 1 von 5

Schreiben Sie leserlich. Halten Sie sich an die aktuellen Standards zu (X)HTML, CSS, ECMAScript und DOM. Entwerfen und implementieren Sie nach best practice und schreiben Sie validen Code.

2 Teil II: (X)HTML 3) Die folgende XHTML-Seite liefert beim W3C-Validator Fehlermeldungen. Korrigieren Sie im Code unter Beibehaltung des verwendeten Doctypes. (3 Punkte) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="de" lang="de"> <BODY><h1>Anfahrt</h1><a href= </BODY> </html> 4) Warum sollten heute Webseiten barrierefrei bzw. barrierearm entwickelt werden? Nennen Sie drei typische Barrieren von Webanwendungen, bei Nichtbeachtung der Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz (BITV). (3 Punkte) 5) PHP Classes ist eine Website rund um PHP mit Fokus auf objektorientierter Entwicklung. Vervollständigen Sie das Formular zur Registrierung einer neuen Benutzerin unter Berücksichtigung von Sicherheitsaspekten, Barrierefreiheit und Benutzerfreundlichkeit. (3 Punkte) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="de" lang="de"> <head><title>benutzerregistrierung</title></head> <body> <form action="register.php" method="post"> <p><label for=" "> </label> <br/><label for="pwd">passwort:</label> <br/><label for="pwdrepeated">passwort (wiederholen):</label> <! - Checkbox für Newsletter, Voreinstellung: ausgewählt --> <br/><label for="newsletter">newsletter abbonieren></label> <button type="submit" name="action" value="add"> registrieren</button></p></form></body></html> Seite 2 von 5

route.de>route</a> </BODY> </html> 4) Warum sollten heute Webseiten barrierefrei bzw. barrierearm entwickelt werden?

3 Teil III: CSS 6) Mit welchem Tag können Sie den Style print.css zum Drucken einer Seite einbinden? Kennzeichnen Sie die Stelle, wo das Tag einzufügen ist in Aufgabe 5. (2 Punkte) 7) Schreiben Sie zu folgendem CSS einen dadurch formatierten HTML-Knoten. CSS: div#mainnavigation li.level1selected a {color:blue;} (2 Punkte) 8) Ordnen Sie dem CSS-Code das zugehörige Layout (Screenshot) zu. (6 Punkte) Der verwendete XHTML-Code ist für alle Styles gleich: <div id="quot">quot</div><div id="erat">erat</div> <div id="demon">demon</div><div id="strandum">strandum</div> 1) 2) 3) 4) Tragen Sie die Lösung auf das nächste Aufgabenblatt ein. a) * {padding:2px; font-size:36pt;} #quot { position: relative; top: 10px; left:10px; width: 100px; height: 50px; #erat { position: relative; top: 80px; left:10px; width: 100px; height: 130px; #demon { position: relative; top: 10px; left:130px; width: 400px; height: 200px; #strandum { position: relative; top: 10px; left:550px; width: 200px; height: 200px; b) * {margin:2%;padding:2%;fontsize:36pt;} #quot { float: left; #erat { float: left; #demon { float: left; #strandum { clear:both; c) * {padding:2px; font-size:36pt;} #quot { position: absolute; top: 10px; left:10px; width: 100px; height: 50px; #erat { position: absolute; top: 80px; left:10px; width: 100px; height: 130px; #demon { position: absolute; top: 10px; left:130px; width: 400px; height: 200px; #strandum { position: absolute; top: 10px; left:550px; width: 200px; height: 200px; d) * {margin:2%;padding:2%;fontsize:36pt;} #quot { float: left; #erat { float: left; #demon { float: left; #strandum { float: left; Seite 3 von 5

level1selected a {color:blue;} (2 Punkte) 8) Ordnen Sie dem CSS-Code das zugehörige Layout (Screenshot) zu.

4 Lösung: a) ergibt Layout b) ergibt Layout c) ergibt Layout d) ergibt Layout Teil IV: JavaScript 9) Zur Validierung einer wird folgender regulärer Ausdruck vorgeschlagen: Notieren Sie, ob folgende ungültige s erkannt werden (+) oder nicht (-). (2 Punkte) + - bahn@de müller@post.de bla@blub.blubber.blubber.bla.de ute!trapp@bahn.de 10) Verbessern Sie das Pattern so, dass alle genannten Adressen als falsch erkannt werden. (3 Punkte) 11) Implementieren Sie eine Funktion zur clientseitigen Validierung einer Adresse verwenden Sie das Pattern aus Aufgabe 9 oder 10. (3 Punkte) Parameter: Zu überprüfendes Eingabefeld als DOM-Node Rückgabewert: boolean true für valide Adressen, false sonst 12) Gegeben sei folgender HTML-Code: <body><h1>los</h1><h2 id="glauben">glauben</h2><p id="klausur">die Klausur macht mir viel Freude <a id="hilfe" href=" a) Was liefern folgende JavaScript-Anweisungen: (2 Punkte) i. document.getelementbyid("glauben").nodename ii. document.getelementbyid("klausur").firstchild.data b) Auf obigen HTML-Code werde folgender JS-Code angewendet. Schreiben Sie den daraus resultierenden HTML-Code auf und kennzeichnen Sie, wo dieser eingefügt wird. (3 Punkte) var newlink = document.createelement("a"); newlink.appendchild(document.createtextnode("noch besser")); var href = document.createattribute("href"); href.nodevalue=" newlink.setattributenode(href); var ziel = document.getelementbyid("hilfe"); ziel.parentnode.appendchild(newlink); Seite 4 von 5

de 10) Verbessern Sie das Pattern so, dass alle genannten E-Mail Adressen als falsch erkannt werden.

5 Teil IV: PHP 13) Entwerfen Sie Datenbankschema zur Verwaltung der registrierten Benutzer von Aufgabe 5 auf Seite 2. (2 Punkte) 14) Das Formular von Aufgabe 5 werde wie unten codiert verarbeitet. a) Kommentieren Sie den Code (2 Punkte) b) Initialisieren Sie die Variable $newsletter geeignet (2 Punkte) c) Fügen Sie eine Überprüfung hinzu, ob die eingegebenen Passwörter identisch sind. (2 Punkte) require_once "user.php"; if($_post["action"] == "add") { $user = new user($_post[" "], $_POST["pwd"], $newsletter); if($user->insert()) { echo "<p> Vielen Dank für Ihre Registrierung.</p>"; } else { echo "<p>". $user->geterrmsg(). "</p>"; } } 15) Implementieren Sie die Klasse user, wie sie in Aufgabe 14 benötigt wird. Beschreiben Sie, wie Sie welche Daten wo validieren würden die Validierung ist nicht zu implementieren. (11 Punkte) 16) Bewerten Sie Ihre Implementation in Bezug auf Benutzerfreundlichkeit, Sicherheit, Wartbarkeit und Wiederverwendbarkeit. (4 Punkte) Viel Erfolg! Seite 5 von 5

$(2 Punkte) require_once "user.php"; if($_post["action"] == "add") { $user = new user($_post["email"], $_POST["pwd"], $newsletter); if($user->insert()) { echo "<p> Vielen Dank für Ihre Registrierung.$

Ähnliche Dokumente

Online Kataloge. Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12.

Online Kataloge. Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12. Online Kataloge Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12 Autor: Manuel Ginesta Kontakt: m.ginesta@ncag.ch Versionsliste Version Datum