A / Home | Vischproposal

Scenario of use

Wenn der User das Tool aufmacht, dann wird ihm das folgendes Bild angezeigt:

Auf diesem Bild kann man schon sehen was die X und Y Achse darstellen. In diesem Bild kann man schon sehen wo die Funktion(Search) fuer die Filterung steht und es wird ein Textbox bereitgestellt.

Wenn man jetzt die Graphen von einem bestimmten Student wissen will dann kann man einfach Matrikel Nummer vom Student eingeben und dann wird das folgendes angezeigt:

Noch eine weitere Funktion die in unserem Projekt implementiert wird ist „Highlightning“. Das wird so dargestellt dass wenn man auf eine Methode klicken will dann wird diese „Highlighted“. Die Skizze wie das aussieht kann man schon unten sehen:

Das sind die „Hauptfunktionen“ die wir implementieren wollen. Weitere Sachen ueber die Implementierung von diesen Funktionen werden in der „Update“ bekanntgegeben.

Implementation Details

In unserem Projekt werden wir JAVA Skript Programmiersprache verwenden. Die Gruende dafuer sind unsere bisherige Erfahrung mit dieser Programmiersprache und sowie einfachere Implementierung von unseren Ideen. Die Implementierung von Klassen wollen wir in Eclipse realisieren, da diese Plattform gute Moeglichkeiten anbietet. Noch als Tookit verwenden wir Protovis mit 3d.js library. Dieses Toolkit bietet viele Möglichkeiten die Datensaetze graphisch interaktiv zu darstellen. Für die Interaktion gibt es verschiedene Möglichkeiten, wie Brushing, Linking,Filtering etc... (All diese Funktionen werden in unserem Projekt realisiert.)

Implementation Milestones - Schedule

Im Folgenden kann man unser Schedule für das Projekt "Algorithm-based Performance Visualization" sehen.

Freitag, 7 Juni 2013 – Project Proposal abgeben, weiter mit der „Searching“ machen

Montag, 10 Juni 2013 - Datensaetze in js.Datei Typ umwandeln, Beschaeftigung mit der Implementierung des Projektes

Freitag, 14 juni 2013 – Treffen mit dem Professor wegen der „ Update“, Beschaeftigung mit der „Update“

Mittwoch, 20 juni 2013 – Analyse und Implementierung fertig machen, Ergebnisse des Projektes in die Praesentation Slides schreiben(vorlaeufige Praesentation Slides)

Donnerstag, 27 Juni 2013 – Final Projekt Praesentation und Praesentation Slides vorbereiten

References:

Project Proposal

Target Application

Das Thema unseres Projekts ist visuelle Analyse von Laufzeiten, Memory Leak Performance, etc.. . Zu diesem Zweck haben wir uns entschieden, dass wir das Projekt über die LV Algorithmen und Datenstrukturen machen. Das Ziel dieses Projekts ist, dass die Studierenden ihre Laufzeiten und verschiedene Vergleichskriterien über Ihre Algorithmen mit anderen graphisch sehen können. Für eine bessere und interaktive Visualisierung wollen wir Brushing, Linking and Filtering realisieren. Für diesen Zweck wollen wir das Tookit "ProtoVis" mit 3d.js library in JAVA Skript implementieren.

Users:

Wir wollen ein Tool entwickeln, das den Studierenden und Professoren einen leichteren visuellen Einblick in die Vergleichskriterien der Algorithmen ermoeglicht.

Datasets:
Die Datensaetze sollen mindestens die Funktionsnamen, Matrikelnummern von Studierenden enthalten. Diese Datensaetze haben wir vom Professor per E-Mail bekommen. Alle Daten befinden sich in XML-Dateien. Wir probieren die Daten in js Typ konvertieren, damit wir in protovis die Daten von diesem Dateityp auslesen. Für so einen Visualisierungtyp bietet eine XML Datei keine Konformität an.

Untenstehende Grafiken zeigen, wie eine XML-Datei nach der Umwandlung in js Dateityp auschaut.

Tasks:

Das Ziel von unserem Projekt ist es verschiede Kriterien von Algorithmen(z.B. Laufzeit, Memory Leak Performance etc..) zu analysieren und zu vergleichen. In unserem Projekt werden wir versuchen uns auf Visualisierungstechnicken zu fokusieren und eine benutzer- und augenfreundliche „usability“ zu machen. Das wird in drei folgende Schritte erklaert:

1) Bestimmung der Datensaetze fuer die Analyse. Das Ziel dieses Schrittes ist die Vergleichskriterien und Attribute zu bestimmen. In den Datensaetzen haben wir bemerkt, dass es einige Timeouts gibt. Wenn dieser Timeout auftritt dann steht ein Fragezeichen fuer einen Wert. Anschliessend kann man sagen dass es kein Vergleichkriterium ist. Diese Fragezeichen können wir ignorieren.

2) ProtoVis mit 3d.js sind mit Java Script Dateien zu implementieren. Fuer diesen Zweck haben wir kein Software Framework wo wir ein Script Datei implementieren sondern wir implementieren die und lassen in irgendeinem Browser laufen.

3) Durch die Analyse und die Funktionen die im Projekt implementiert werden(Filtering, Brushing und Linking) versuchen wir ein Tool zu erstellen, der den Usern ermoeglicht die Daten besser zu interpretieren.

Proposed Solution:

Dieses Projekt erzielt ein Tool zu erstellen, welches ermöglicht, visuelle detailierte Analyse von Daten zu erstellen. Eine von den Visualisierungsarten haben wir entschieden. Der Grund dafür: Die Visualisierungsart ist von der Usability und Programmierbarkeit her ganz wichtig. Was noch wicthig ist, die Farben. Verschiedene bunte Farben werden benutzt. Die geben einen besseren Überblick.

Our Expertise:

Der Grund, warum wir dieses Thema fuer unseren Projekt ausgewaehlt haben, ist, dass wir beide schon die Lehrveranstaltung „Algorithmen und Datenstrukturen“ bestanden haben und finden dieses Thema sehr interessant. Unsere bisherige Erfahrung mit Visualisierungstools ist nicht so gross aber trotzdem wollten wir machen, weil wir in Java schon mehrere Sachen gemacht haben. Wir werden versuchen ein Tool zu entwickeln der fuer „general public“ sehr geeignet ist.