Praktikumsaufgaben Sommersemester 2012

Transkript

1 - Aufgabenblatt 1 - Trouble-Ticket- bzw. Help-Desk-Systeme sind sehr gut geeignet, um den Fortgang der Bearbeitung gemeldeter Problembeschreibungen zu verfolgen. Kunden können die Bearbeitung direkt verfolgen, Bearbeitungsschritte können direkt dokumentiert werden und die Serviceorientierung eines Dienstleistungsunternehmens ist nachvollziehbar. Außerdem kann eine Wissensbasis für die Bearbeiter weiterer oder ähnlicher Problemstellungen aufgebaut werden. Mit einem Ticketsystem wird also die Problemsituation erfasst und u. U. ein Vorschlag einer ersten Kategorisierung (Hardware, Bedienfehler,...) gemacht. die Zuordnung zu einem Beratern hergestellt. der Bearbeitungszustand (erfasst, in Bearbeitung, bearbeitet, getestet, freigegeben) des Tickets dokumentiert; mit einem Kommentar nach Behebung des Fehlers die Ursache und der Test (kurz) erläutert und dieser ebenfalls vermerkt; die Kategorisierung gegebenenfalls korrigiert und nach Test und Qualitätskontrolle (der Test wird von einem weiteren Berater geprüft und nachvollzogen Stichwort Vier-Augen-Prinzip ) wird das Ticket freigeben. Quelle: (Stand: Mai 2010)

2 1. Aufgabe: Erstellen Sie die Webpräsenz für ein Ticketsystem. Der Auftritt sollte möglichst umfassend/vollständig sein, z.b. Startseite, Darstellung der Leistungen, Beschreibung des Unternehmens, die verschiedenen (Geschäfts-)Bereiche, Impressum, Vorstellung der Berater, Wo finde ich was, u. s. w. Was zeichnet Ihren Ansatz aus? Gehen Sie methodisch vor! Überlegen Sie sich zunächst eine prinzipielle Struktur und dokumentieren Sie diese (grobes Screendesign, Story, Sidemap). Setzen Sie anschließend Ihre Überlegungen um. Achten Sie auf ein bestimmtes, einheitliches Aussehen. Nutzen Sie zur Be-schreibung der präsentationsspezifischen Aspekte die Möglichkeiten von CSS. Wie können Sie ein definiertes Aussehen gewährleisten? Im Internet finden Sie eine Verordnung zur Barrierefreien Informationstechnik Verordnung (BITV). Recherchieren Sie danach. Wie können Sie diese erfüllen? Wie können Sie Ihre Layoutvorstellungen beschreiben und umsetzen? Sehen Sie auch den Einsatz einer Datenbank vor. Unter der Adresse gibt es einen (X)HTML-Validator und unter einen CSS-Validator. Machen Sie sich mit der Arbeitsweise dieser Werkzeuge vertraut und nutzen Sie die Werkzeuge für Ihre eigenen Seiten! Webauftritt entwerfen und realisieren; methodisches, strukturiertes Vorgehen (Entwurf und Realisierung, Arbeitsplanung und strukturierung) Einsatz von (X)HTML, CSS, Navigation, Formulare, Bereiche, valide Dokumente

3 - Aufgabenblatt 2 2. Aufgabe 1. Erstellen Sie eine einfache Seite, die vom Server geladen wird und die Sie (nach dem ersten Laden) mit einem persönlichen Gruß anspricht. Machen Sie sich mit Cookies vertraut Wie können Sie Hidden Tags verwenden Verwenden Sie Sessionids 2. Geben Sie in der ersten Antwort QUERY_STRING, PATH_INFO sowie die Werte der Variablen des Anfrageformulars aus (achten Sie auf die Übertragungsmethode!) Tipp: Arbeiten Sie mit der PHP-Dokumentation! Seiten mit php dynamisch erstellen Cookies, Sessionid, Hidden Tags, Session Tracking unter php 3. Aufgabe: Mit Hilfe des WWW soll eine Umfrage durchgeführt werden: Welchen Berater/welche Beraterin bevorzugen die Teilnehmer der Veranstaltung? Bieten Sie ein Formular an, das die Auswahl folgender Alternativen (z.b.) anbietet: Aisha, Norbert, Petra, Susi oder kein Favorit Realisieren Sie mit Hilfe von PHP eine Reaktion auf die Eingabe, d.h. eine Auswertung der Umfrage. Interaktive Seiten (Formulare) mit php dynamisch erstellen und auswerten

4 4. Aufgabe: Für virtuelle Verkaufssituationen spielt die Modellbildung von Warenkörben eine zentrale Rolle: sie bilden reale Verkaufssituationen ab. Realisieren Sie einen Online-Warenkorb für Ihr Unternehmen/Ticketsystem: Es soll möglich sein, Besuche über mehrere Dialogschritte (Server-Anfragen) verfolgen, Produkte auswählen und in einem virtuellen Warenkorb ablegen zu können (Session Tracking). Integrieren Sie eine Datenbank (vielleicht gibt es bestimmte Vorlieben für Produkte, die angeboten werden sollen). Tipp: Arbeiten Sie mit der PHP-Dokumentation! Session Tracking Warenkorbfunktionalität 5. Aufgabe: Welches Ergebnis hat die Anwendung des regulären Ausdrucks auf den String Hallo Welt! : regexpr /hallo/ /[0-9A-Z]$/ /[HP][Ha][1J]/ /\w\w\w\w\w/ /\w\w\w\w\w\w/ /\w* \w*$/ /\w* \w*!$/ Hallo Welt! Erstellen Sie ein Formular mit dem Sie diesen Test automatisieren können. Reguläre Ausdrücke mit JavaScript verwenden. 6. Aufgabe: Erstellen Sie ein Formular, in das der Kunde folgende Eingabe machen kann: Name, Vorname, Firmenname, gewünschtes monatliches Einkommen und Telefonnummer (Sie können das Beispiel gerne auf Ihre Anwendung anpassen): Die Anwendung erfordert, dass alle Angaben gemacht werden; das gewünschte monatliches Einkommen muss eine ganze Zahl sein; die Telefonnr. kann - oder / enthalten.

5 Nur dann werden die Eingaben an der Server gesendet; der Server sendet eine kurze Bestätigung. In allen anderen Fällen wird der Benutzer auf seine Fehler aufmerksam gemacht (im einfachsten Fall mit Hilfe einer Alertbox). Überlegen Sie einen regulären Ausdruck, der -Adressen akzeptiert und bauen Sie diesen in Ihr Beispiel ein. Wie können Sie geschickt den Namensteil und den Domänenteil isolieren? Eingabevorverarbeitung unter JavaScript auch mit regulären Ausrücken

6 7. Aufgabe: Verwenden Sie folgendes HTML-Dokument für die Aufgabe: <html> <head></head> <body> <h1><a id="1"> 1</a></h1> <h2>gebühren und Auslagen</h2> <ol> <li>die Gebühren und Auslagen für Amtshandlungen nach dem Informationsfreheitsgesetz bestimmen sich nach dem anliegenden Gebühren- und Auslagenverzeichnis.</li> <li>auslagen werden zusätzlich zu den Gebühren und auch dann erhoben, wenn die Amtshandlung gebührenfrei erfolgt. Dies gilt nicht in Fällen eines Tatbestandes nach <a href="#5">& sect; 5</a> des Gebühren- und Auslagenverzeichnisses.</li> </ol> <a href=" ><img src="logo_juris.gif align="right"/></a> </body> </html> a. Geben Sie in JavaScript und mit den DOM-Methoden den Inhalt i. des zweiten Auszählungspunktes an ii. des a-tags als Nachfolger des zweiten li-tags an iii. des Tags mit dem id= 1 an iv. des zweiten li-tags aus v. der href-attribute? b) Wie viele a-tags gibt es in dem Dokument? Einsatz von DHTML und DOM

7 8. Aufgabe: Für die benutzerfreundliche Anzeige ihres Waren/Dienstleistungen werden die Produkte (z.b. als Icons,...) mit Kommentar versehen: Die Beschreibungen werden in Form von Briefmarken-großen Bildern (thumb nails) dargestellt. Realisieren Sie ein dynamisches HTML-Dokument, das beim Überstreichen der Bilder den Namen des Produktes (z.b. Pizza Hawaii) darstellt und eine Abbildung deutlich größer zeigt und/oder Detailinformationen (Preis, Größenangaben, Bezeichnung) angibt. Skizze: Detailansicht Pizza Hawaii- maxi z.b. Bezeichnung, Größe, Preis Übersicht Einsatz von DHTMl und AJAX 9. Aufgabe: Überprüfen Sie Ihre Webanwendung und machen Sie sie gegenüber Angriffen sicherer: a) Fügen Sie ein CAPTCHA-Abfrage in eine Abfolge ein b) Verhindern Sie fehlerhafte oder schadhafte Einträge in Ihrer Datenbank c) Was ist eigentlich ein Hoax ( Sichere Webanwendung (CAPTCHA, SQL Injection)

8 10. Aufgabe: Setzen Sie eine XML-Datei serverseitig mit Hilfe von XSLT und XPath in ein XHTML-Dokument um, die dann im Browser angezeigt werden kann. Bereiten Sie die Daten auf, sortieren und ordnen Sie die Informationen bei dieser Gelegenheit. Verwenden Sie dazu die Datei Anwendungen mit XML, XSLT und XPATH erstellen können