Internettechnologien Sommersemester 2017 Individuelle Aufgaben für die PVL im Fach Internettechnologien

(1)

Sommersemester 2017

Individuelle Aufgaben für die PVL im Fach Internettechnologien

Aufgabe1:

Darstellung einer Weltkarte mit Anzeige besuchter Orte einer Person. Die besuchten Orte werden in einer XML-Datei vorgegeben und sollen per JavaScript-DOM-Manipulationen in der Weltkarte angezeigt werden. Die Aufgabe orientiert sich am 4. Praktikum (Laden eines XML-Dokuments und gezieltes Herauslesen von Informationen) und am 6. Praktikum (Transformation geografischer Koordinaten in Kartenpositionen).

Material: besuchteorte.xml, besuchteorte.dtd, weltkarte_pvl.xhtml, loadxmlobject.js, domtraversal.js (zur Information)

Einschreibung für 2 Studierende (Gruppenarbeit)

Vorname, Name Emailadresse Bemerkungen

(2)

Aufgabe 2:

Anzeige einer Weltkarte mit der Auswahlmöglichkeit von Kartenpunkten, durch einen Mausklick auf die gewählte Position.

Von der gewählten Position sollen die geografischen Koordinaten berechnet und serverseitig abgespeichert werden.

Eine weitere Webseite, soll die ausgewählten Kartenpunkte wieder anzeigen.

Diese Aufgabe kann benötigt JavaScript zur Auswertung der Klicks und PHP zum Abspeichern der Positionen.

Aufgabe 2:

(3)

Darstellung einer Weltkarte mit Eingabe von zwei Orten (Ortsbezeichnung, geogr. Länge, geogr. Breite) und darauffolgender Anzeige der Orte gemeinsam auf der Weltkarte. Es soll darüber hinaus die kürzeste Entfernung der beiden Orte auf der Erdoberfläche (Kugel) berechnet und in geeigneter Weise angezeigt werden. Diese Aufgabe kann mit JavaScript oder PHP gelöst werden.

Material: weltkarte_pvl.xhtml (wenn JavaScript), flightinfo.txt (wenn PHP)

Aufgabe 3a (Variante JavaScript):

Aufgabe 3b (Variante PHP):

(4)

Aufgabe 4:

Realisierung einer Webanwendung zum Upload- und zur Anzeige von Fotos. Die per Formular ‚hochgeladenen‘ Fotos sollen serverseitig in einem Verzeichnis abgespeichert werden. Die Dateinamen und zusätzlichen

Informationen (z.B. Zeitpunkt des Uploads, Beschreibung usw.) können serverseitig in einer Textdatei (oder auch gern einer Datenbank) abgelegt werden. Die Anzeige-Webseite soll aus den abgelegten Dateinamen und Zusatzinformationen ein entsprechendes img-Tag und Text in HTML

erzeugen.

Material: uploadform.php, upload.php aus den Beispielen

(5)

Programmierung einer Webanwendung zur verschlüsselten Kurznachrichten-Speicherung.

Die Eingabe soll mit einer Verschlüsselung nach einem vom Nutzer angegebenen Schlüssel kombiniert werden. Die Verschlüsselung soll clientseitig erfolgen. Auf dem Server sollen die gespeicherten Daten nicht lesbar sein, z.B. durch den Administrator des Servers. Beim Abrufen der Nachrichten soll eine Entschlüsselung erfolgen.

(6)

Aufgabe 6:

Programmierung einer HTML5-Webanwendung zum Positionstracking Mittels HTML5 und dem geolocation-Objekt soll die aktuelle Position des Browsers (genau genommen des Gerätes) bestimmt werden und auf Knopfdruck (Formular und Button) in einem OpenStreetmap-

Kartenausschnitt (OpenLayers ) markiert werden.

Bei Ortsveränderungen soll die aktuelle Position und die letzten Positionen gemeinsam dargestellt werden.

Die Anwendung wird mit JavaScript realisiert.

(7)

Progra Die Be werde Param Die Pa auf de Eingab

t λ o k m Berech

Ü F Berech Ü

F

Vornam

ammierun enutzten

n. Die Au meter bere

arameter em Webse

be:

t: Zeit in h λ: Fehlerr oder MTT k: Anzahl m: Anzah hnung für Überlebe Fehlerwa hnung für Überleben

Fehlerwa F_{k a}

me, Nam

ng eines O Formeln s usgabewe

echnet un sind in ge erver) zu

h (t≥0) rate in 1/h TF als 1/λ

minimal hl zusätzli r eine ein nswahrsc ahrscheinl

r eine feh nswahrsc

hrscheinl

aus k+m (t)

me

Online-Re sollen mi erte sollen nd darges

eeigneter speicher

h (λ≥0) λ in h (Me

funktioni icher Kom nzelne Ko

cheinlichk lichkeit: F hlertoleran

heinlichke

lichkeit:

= 1 – R_k

Ema

echners z t MathML n numeris stellt werd r Weise (a rn.

ean Time erender K mponente omponent

keit: R(t) F(t) = 1 – nte Anord

eit:

k aus k+m (t)

ailadresse

zur Zuver L in die W

sch für di den.

als Cook

To Failur Kompone en (m≥0)

te:

= e ^-^λt – R(t)

dnung me

e

rlässigkei Webseite e

e eingeg ies, oder

re)

enten (k≥1

ehrerer K

Be

itsberech eingebett ebenen

als Ress

1)

omponen

emerkung

nung.

tet

sourcen

nten:

gen

(8)

Aufgabe 8:

Es soll ein webbasierter Funktionsplotter für XML-Daten (z.B. Zeitreihen) erstellt werden. Die Daten sind als Menge von x,y-Wertepaaren in einem XML-Dokument enthalten, z.B. so wie unten dargestellt. Das XML-

Dokument soll entweder durch Formular-Upload eingelesen werden oder als Referenz auf eine unter der gleichen Domain abgelegten XML-Datei angegeben werden.

Der Wertverlauf soll als Plot mit SVG-Elementen dargestellt werden.

<?xml version="1.0" encoding="utf‐8"?>

</valuepair>

</valuepair>

</valuepair>

</xyvalues>

</plotdata>