Bachelor-Thesis Verteidigung

Bachelor-Thesis Verteidigung Bild 1 Bachelor-Thesis Verteidigung Bild 2 Bachelor-Thesis Verteidigung Bild 3 Bachelor-Thesis Verteidigung Bild 4 Bachelor-Thesis Verteidigung Bild 5 Bachelor-Thesis Verteidigung Bild 6 Bachelor-Thesis Verteidigung Bild 7 Bachelor-Thesis Verteidigung Bild 8 Bachelor-Thesis Verteidigung Bild 9 Bachelor-Thesis Verteidigung Bild 10 Bachelor-Thesis Verteidigung Bild 11
HTML5 CSS3 jQuery Touch AJAX

Mein letzter Schritt an der Hochschule Wismar ...

war die Verteidigung meiner Bachelor-Thesis – ungefähr 20 Minuten reden und noch einmal die selbe Zeit um Fragen zu beantworten.

Vor diesem Tag dachte ich darüber nach, wie ich meine Abschlussarbeit präsentieren sollte. Mein erster Gedanke war: "Ok, ich mache eine PowerPoint-Präsentation." Der nächste Gedanke war: "Nein, das ist zu universell. Warum nicht ein Präsentation im Stile der Abschlussarbeit erstellen?" In diesem Moment stand mein Entschluss fest. Es wird eine HTML5-Präsentation.

In den ersten Minuten meiner Verteidigung redete ich über mobile Betriebssysteme und zog einen kurzen Vergleich zwischen nativen Anwendungen und Webanwendungen (Entwicklung, Schnittstellen, Aktualität, Vorteile, Nachteile). Danach zeigte ich eine kleine Inhaltsangabe zum Rest über den ich reden wollte.

1 HTML5
2 CSS3
3 JavaScript
4 AJAX
5 Das Portfolio
5.1 Die Struktur & Media Queries
5.2 Die Diashow
5.3 Dynamisches Nachladen von Inhalten
5.4 Die Navigationspfeile / Das HTML-Element Canvas
5.5 Touch
5.6 Konzeption und Gestaltung
6 Zusammenfassung und Ausblick


Ziel der Präsentation war es, den Zuhörern meine Arbeit so nah wie möglich zu zeigen – nicht nur Text auf einer Folie wie gewöhnlich, sondern eine interaktive Darstellung. Die Erklärung der Navigationspfeile und des canvas-Elements zum Beispiel, wird anhand der Pfeile der Präsentation dargestellt, mit deren Hilfe man navigieren kann. Ein anderes Beispiel sind die animierten, weißen Punkte, die nach Aufruf eines neuen Abschnitts anfangen zu wachsen und einen klickbaren Bereich markieren. Der Abschnitt "JavaScript" unterteilt sich horizontal in 3 Punkte und mit einem Klick auf die Marker bekommt man Informationen über JavaScript, das DOM und jQuery. Oder aber die Sektion Touch – um eine Touchgeste zu immitieren kann die Maus benutzt werden, um zwischen den 4 Illustrationen zu wechseln. Über allem stand AJAX. Ich habe es genutzt um zwischen den einzelnen Sektionen hin- und herzuschalten.
Ich glaube, von nun an werde ich versuchen, einen Texteditor so oft wie möglich zu verwenden, um Präsentationen zu schreiben, anstatt einen WYSIWYG-Editor zu nutzen.