WEBVTT 00:00.000 --> 00:07.580 Und zwar haben wir die eigentlich in HTML gemacht. 00:08.960 --> 00:10.400 Die Preise sind eigentlich an den Beamer angepasst. 00:10.460 --> 00:11.580 Jetzt hoffen wir mal, dass es hier auch funktioniert. 00:13.960 --> 00:15.040 Ja, ein bisschen verschoben. 00:22.960 --> 00:24.180 Ja, aber versuchen wir es mal so. 00:25.040 --> 00:26.340 Ja, am besten stellen wir uns mal vor, 00:27.160 --> 00:29.960 Ich bin der Marco, das ist der Aaron, Jonas und der Simon. 00:30.560 --> 00:33.060 Ich und der Jonas studieren im vierten Semester Medieninformatik. 00:33.900 --> 00:36.540 Der Simon und der Aaron im vierten Semester mobile Medien. 00:37.380 --> 00:38.960 Und wir haben zusammen Demoskopia gemacht. 00:39.740 --> 00:42.680 Und da stellt sich natürlich gleich die Frage, was ist überhaupt Demoskopia? 00:46.000 --> 00:48.940 Und natürlich auch, wie wir da überhaupt auf die Idee gekommen sind. 00:50.920 --> 00:54.180 Es ist so, Professoren kriegen es wahrscheinlich nicht so mit, 00:54.180 --> 00:58.720 aber viele Studenten müssen für ihre Bachelor- oder Masterarbeit irgendwelche Umfragen machen 00:58.720 --> 01:03.660 und auf der Suche nach Teilnehmern verschenken sie meistens Amazon-Gutscheine 01:03.660 --> 01:08.820 oder benutzen den Mail-Verteiler der HDM, 01:10.280 --> 01:12.340 wo sich dann auch ein Missmut regt bei den Studenten, 01:12.560 --> 01:15.880 das teilweise auch Überhand genommen hat, also drei, vier Mails am Tag oder so. 01:16.440 --> 01:18.420 Und da sind wir auf die Idee gekommen, Demoskopia zu machen. 01:18.420 --> 01:25.920 Das ist eine Plattform für HDM-Studenten zum Umfragen beantworten und Umfragen erstellen. 01:26.520 --> 01:31.180 An sich nicht anders als andere Plattformen, aber das Besondere bei uns sind die Coins. 01:33.200 --> 01:39.760 Die Coins sind eine virtuelle Währung auf Demoskopia, die jeder User haben kann, sammeln kann, eben mehr oder weniger davon besitzen kann. 01:40.660 --> 01:45.820 Und zum Erstellen einer Umfrage muss ein User oder ein Student mit Coins bezahlen. 01:46.400 --> 01:49.460 Das ist ungefähr so, wir versuchen abzuschätzen, wie lang eine Umfrage ist, 01:49.520 --> 01:52.820 also wie lang es dauern kann, so eine Umfrage zu beantworten, anhand der verschiedenen Module. 01:53.000 --> 01:55.540 Es gibt ja Freitextantworten, Multiple-Choice-Antworten. 01:56.160 --> 01:58.940 Multiple-Choice geht zum Beispiel schneller, als wenn ich einen Freitext schreiben müsste. 01:59.940 --> 02:04.020 Dementsprechend kostet eine Umfrage mit vielen Freitext-Anteilen mehr Geld, 02:04.120 --> 02:06.420 als eine Umfrage mit vielen Multiple-Choice-Anteilen. 02:07.560 --> 02:11.340 Und das Geld, diese Coins, kann sich der User wiederum sammeln, indem er Umfragen beantwortet. 02:11.340 --> 02:17.680 als V-Serie kann man ungefähr sagen, um eine Umfrage von einer bestimmten Größe zu erstellen, 02:18.200 --> 02:22.680 muss der Student ungefähr drei Umfragen von der gleichen Größe beantworten. 02:22.680 --> 02:30.000 Das heißt, deswegen auch das Slogan, also eine Hand wäscht die andere, auf Deutsch gesagt, 02:30.800 --> 02:33.860 ich muss sozusagen erst mal was tun für die anderen, bevor ich selber was bekomme dafür. 02:34.680 --> 02:40.600 Ja, und dann gibt es eben drei Bereiche, meine Umfragen erstellen und Umfragen suchen 02:40.600 --> 02:43.580 und die werden Ihnen jetzt der Aaron und der Simon vorstellen. 02:45.360 --> 02:46.680 Zum Umfragen erstellen. 02:47.660 --> 02:51.440 Erstmal muss man angeben, aus welchem Studiengang man kommt, 02:51.700 --> 02:54.480 Titel, Beschreibung, um was es in der Umfrage geht. 02:54.840 --> 02:56.940 Und wenn man möchte, kann man noch ein Bild angeben. 02:57.380 --> 03:00.540 Bei dem Bild muss man halt beachten, dass es quadratisch ist. 03:00.980 --> 03:05.540 Also da wir später, wenn wir die Umfragen später darstellen, auflisten, 03:05.980 --> 03:08.860 dass es einen gewissen Rahmen hat, 100 mal 150 Pixel. 03:10.600 --> 03:12.120 Und das haben wir mit Jcrop gemacht. 03:13.380 --> 03:15.580 Das schneiden wir dann halt zu und schicken das dann mit, 03:16.100 --> 03:21.420 also die Daten, die dieses Quadrat hat, mit dem Bild zum Server und der schneidet es dann zu. 03:25.880 --> 03:28.080 Zum Kern des Editors. 03:28.780 --> 03:34.000 Wenn man jetzt eine Frage erstellen will, kann man fünf verschiedene Möglichkeiten nehmen, 03:34.000 --> 03:36.380 wie der User darauf antworten soll. 03:37.280 --> 03:39.340 Also da fängt es an mit Texteingabe. 03:39.340 --> 03:42.480 Radio-Buttons, Checkboxen, 03:43.300 --> 03:44.680 Scala. Scala ist so ähnlich 03:44.680 --> 03:45.440 wie die Evolution, 03:46.600 --> 03:48.540 dass man sich zwischen zwei Standorten 03:48.540 --> 03:49.460 entscheiden kann. 03:50.460 --> 03:52.520 Und Raster ist so Matrix-mäßig. 03:58.480 --> 04:00.480 Zu Umfragen suchen macht der Simon weiter. 04:01.460 --> 04:02.520 Ja, also ich stelle noch ein paar 04:02.520 --> 04:03.880 andere Seiten von Frontend vor. 04:04.080 --> 04:06.220 Hier Umfragen suchen. Bei Demoscopia 04:06.220 --> 04:07.820 kann man auf drei verschiedene Arten 04:07.820 --> 04:15.340 Umfragen suchen. Erstens kann man die neuesten Umfragen einsehen und dann mit einem Klick auf Teilnehmen die Umfrage beantworten. 04:15.800 --> 04:23.540 Alternativ dazu gibt es auch ein Suchfeld in der Navigationsleiste, was sowohl für Desktop als auch für mobile Versionen vorhanden ist. 04:23.540 --> 04:30.360 Dort kann man dann eingeben den Titel der Umfrage und man bekommt per Autovervollständigung schon die passenden Umfragen vorgeschlagen. 04:30.360 --> 04:41.200 Die Autovervollständigung haben wir mit typeahead.js gemacht und wie gesagt, wenn man dann auf ein Suchergebnis klickt, wird man direkt weitergeleitet und man kann die Umfrage beantworten. 04:42.220 --> 04:54.940 Wenn man jetzt zum Beispiel Medienwirtschaft studiert und sich nur für Themen der Medienwirtschaft interessiert, dann kann man auch Umfragen per Studiengang sortieren und dort dann die passende auswählen. 04:54.940 --> 05:04.640 Ja, weiter geht es mit meinen Umfragen. Meine Umfragen ist eine Seite für die HTM-Studierende und dort ist es wie so ein Dashboard, so ein kleines. 05:04.980 --> 05:10.460 Hier sieht man seine eigenen Umfragen aufgelistet mit einem Offline- und Online-Switch. 05:10.740 --> 05:22.100 Dieses Offline- und Online-Switch ist wichtig, damit keine Ergebnisse verfälscht werden, denn wenn man einmal die Umfrage online geschaltet hat, kann man sie nicht mehr bearbeiten. 05:22.860 --> 05:25.500 Deshalb haben wir den Switch da reingemacht. 05:26.080 --> 05:32.040 Dann haben wir noch rechts den Bearbeiten-Button, der dann wie gesagt disabled ist, wenn man einmal die Umfrage online gestellt hat. 05:32.520 --> 05:41.940 Man kann von hier aus zu den Statistiken, man kann außerdem den Link zur Umfrage beantworten teilen, damit möglichst viele mitmachen. 05:42.340 --> 05:44.640 Außerdem kann man natürlich auch die Umfrage noch löschen. 05:48.000 --> 05:51.460 Die Statistiken haben wir noch implementiert mit Chart.js. 05:52.060 --> 05:55.680 Diese bieten uns JavaScript-Diagramme, 05:56.120 --> 05:57.920 doch Diagramme, 05:58.540 --> 06:01.880 und diese werden in der HTML5-Canvas dargestellt. 06:02.500 --> 06:05.460 Allerdings haben wir nicht für alle Elemente die Diagramme benutzt, 06:05.540 --> 06:06.720 da zum Beispiel bei einem Raster, 06:07.240 --> 06:10.260 wenn man sich vorstellt, man hat vier Spalten und vier Zeilen, 06:10.260 --> 06:12.960 dann sind es 16 Werte, die man auswerten muss, 06:13.040 --> 06:15.440 und da werden die einfach zu unübersichtlich, 06:15.580 --> 06:19.100 deshalb haben wir uns da eigentlich für eine Tabelle entschieden, 06:19.100 --> 06:22.820 in der dann die Werte prozentual und absolut angezeigt werden. 06:23.360 --> 06:27.060 So, jetzt geht es weiter mit dem Marco, der dann was zum Design noch sagen wird. 06:27.500 --> 06:32.940 Ja, das Design, also hier sieht man ja schon eine Präse, leider schlecht mit der Auflösung hier. 06:34.380 --> 06:35.760 Das ist ungefähr so unser CI. 06:36.120 --> 06:38.840 Wir haben da versucht, alles ein bisschen im Flat-Design zu machen, 06:38.960 --> 06:42.180 was bei Webdesign gerade so der neueste, ja nicht mal mehr der neueste Trend ist, 06:42.240 --> 06:43.360 sondern wahrscheinlich State of the Art. 06:43.360 --> 06:49.060 und da haben wir uns auch ein bisschen was aus Bootstrap vom Stil her entlehnt. 06:49.180 --> 06:54.040 Also wir haben Bootstrap auch als Framework benutzt, ein CSS-Framework von Twitter 06:54.040 --> 06:59.640 und viel interessanter jetzt im Frontend eigentlich ist das Responsive Design. 06:59.640 --> 07:04.180 Das war uns im Frontend auch sehr wichtig eigentlich, dass die ganze Präsentation responsive ist, 07:04.500 --> 07:11.740 die ganze Plattform responsive, das heißt egal ob auf Smartphone, iPad, iMac oder eben großen Rechner, 07:11.740 --> 07:13.720 Tablet, Smartphone oder Notebook. 07:15.100 --> 07:15.940 Man kann überall 07:15.940 --> 07:17.760 Demoskopien nutzen. Dazu 07:17.760 --> 07:19.920 haben wir das Grid-System von Bootstrap benutzt. 07:20.020 --> 07:22.120 Da wird eine Website in zwölf Spalten eingeteilt. 07:22.800 --> 07:24.120 Und da gibt es eben drei Breakpoints, 07:24.240 --> 07:26.040 also vier Bereiche. Ein Bereich für Smartphones, 07:26.140 --> 07:27.760 ein für Tablets, ein für Netbook, 07:27.840 --> 07:29.380 Notebooks und ein für größere Rechner. 07:30.060 --> 07:31.580 Und da kann man eben einfach sagen, okay, 07:32.520 --> 07:33.780 beim großen Bereich will ich, dass 07:33.780 --> 07:35.740 das Bild zum Beispiel über sechs Spalten geht und der Text 07:35.740 --> 07:37.800 über sechs Spalten, aber bei Smartphone bitte nur über 07:37.800 --> 07:39.720 zwölf Spalten. Das heißt eben, dann wird es 07:39.720 --> 07:40.600 nach unten geschoben. 07:40.600 --> 07:43.580 das geht bei Bootstrap ganz einfach mit Klassen 07:43.580 --> 07:45.580 also muss man nicht viel tun 07:45.580 --> 07:47.700 aber ich muss auch 07:47.700 --> 07:49.580 sagen, es gab schon ein paar Stellen 07:49.580 --> 07:51.280 wo es nicht so ganz funktioniert hat 07:51.280 --> 07:53.300 also es gibt so in unserer CSS-Datei 07:53.300 --> 07:55.840 eben so 5-6 Media Queries, die wir noch dazu nutzen mussten 07:55.840 --> 07:57.600 um das dann wirklich auch zum Laufen zu kriegen 07:57.600 --> 07:59.260 aber so ansonsten 07:59.260 --> 08:01.740 hat uns Bootstrap auf jeden Fall 08:01.740 --> 08:03.720 was Responsive Angles Leben um einiges 08:03.720 --> 08:04.260 erleichtert 08:04.260 --> 08:07.220 das war jetzt ganz kurz zum Frontend 08:07.220 --> 08:09.040 und viel interessanter wird es eigentlich im Backend 08:09.040 --> 08:11.300 und dann darf endlich mal der Jonas ran. 08:12.920 --> 08:15.900 Genau, jetzt noch einige Worte zum Backend. 08:16.140 --> 08:19.920 Unser Projekt basiert auf Node.js für diejenigen, die es nicht kennen. 08:20.640 --> 08:23.280 Node.js ist eine webbasierte Plattform. 08:23.920 --> 08:28.320 In der Regel kann man damit zum Beispiel Webserver realisieren. 08:29.260 --> 08:33.440 Wir haben uns zu Beginn des Projektes für Node.js entschieden und gegen PHP, 08:34.300 --> 08:37.040 da Node.js sehr ressourcensparend ist. 08:37.040 --> 08:46.660 Es ist sehr performant, Node.js kann sehr gut mit dynamischen Requests umgehen und außerdem bieten sich viele Erweiterungsmöglichkeiten durch sogenannte Module. 08:48.440 --> 08:56.180 Ein weiterer Vorteil war außerdem, dass Node.js auf, wie die Endung schon sagt, auf der JavaScript-Laufzeitumgebung basiert. 08:56.820 --> 08:59.680 Von daher musste keine neue Programmiersprache gelernt werden. 09:01.540 --> 09:06.040 Außerdem kommt natürlich im Backend eine Datenbank zum Einsatz. 09:07.040 --> 09:08.500 In unserem Fall ist es MongoDB. 09:09.880 --> 09:14.160 Wir haben uns für MongoDB entschieden und gegen MySQL. 09:15.300 --> 09:20.500 Da MySQL, was zu Beginn des Projektes noch eingesetzt wurde, 09:22.440 --> 09:26.640 sehr umfangreich, sehr unübersichtlich und sehr komplex wurde 09:26.640 --> 09:31.100 durch sehr viele Fremdschlüsselbeziehungen und Querverbindungen zwischen den Tabellen. 09:31.100 --> 09:37.560 da, wie Sie eben gesehen haben, sehr viele Module dynamisch erstellt werden können 09:37.560 --> 09:42.980 und auch innerhalb der Module sehr viele Attribute dynamisch hinzugefügt werden können. 09:43.900 --> 09:50.280 MongoDB dagegen ist nicht relational, sondern dokumentorientiert. 09:50.900 --> 09:58.960 Das heißt, MongoDB basiert auf dem JSON-Format, sodass ganz einfach JSON-Objekte abgelegt werden können. 10:01.100 --> 10:08.000 Natürlich gibt es auf unserer Seite auch eine Zugangskontrolle durch LDAP. 10:08.620 --> 10:11.020 Umfragen beantworten kann jeder von Ihnen. 10:11.920 --> 10:16.560 Umfragen erstellen jedoch nur Studenten und Mitarbeiter der HDM. 10:17.760 --> 10:20.100 Dadurch wird auf LDAP zurückgegriffen. 10:20.700 --> 10:25.460 LDAP, also unser LDAP-Modul, verbindet sich mit dem LDAP-Server der HDM 10:25.460 --> 10:35.040 und kann so eine Authentifizierung gewährleisten, sodass nur HDM-Studenten auf die Umfragerstellenseite zugreifen können. 10:37.600 --> 10:41.900 Noch ein paar Worte zu den eben schon erwähnten Node.js-Modulen. 10:43.420 --> 10:51.320 Die Module können dynamisch hinzugefügt werden, das heißt, werden zusätzliche Funktionalitäten benötigt, 10:51.320 --> 10:56.900 was eigentlich immer der Fall ist, können diese ganz einfach eingebunden und installiert werden. 10:57.940 --> 11:04.600 Von meiner Seite her wurde, wie schon erwähnt, LDAP.js verwendet, um die LDAP-Verbindung herzustellen. 11:05.600 --> 11:15.060 Es wurde Monk verwendet, eine Erweiterung von MongoDB, das grundsätzlich auf dem Modul MongoDB basiert. 11:15.060 --> 11:22.720 Connect Mongo ist ein weiteres Modul, das ist für die Persistierung von Sessions zuständig. 11:23.540 --> 11:31.220 In diesem Zusammenhang wurden außerdem Express Sessions sowie Express Cookies bzw. der Cookie Passer verwendet. 11:33.620 --> 11:36.120 Weitere Module würde Ihnen jetzt noch Aaron vorstellen. 11:37.300 --> 11:41.820 Also mitunter Express ist noch ein wichtiges Modul, es macht die Applikation übersichtlicher, 11:41.820 --> 11:43.640 Viele Modulen ballen drauf auf. 11:47.180 --> 11:49.720 Bei der Bildbearbeitung 11:49.720 --> 11:51.740 dafür zuständig ist Easy Image 11:51.740 --> 11:52.920 und Image Magick. 11:54.440 --> 11:55.520 Weiter macht dann Marco. 11:56.240 --> 11:57.840 Ich nehme viel Zeit, deswegen noch ganz schnell 11:57.840 --> 11:58.420 zum Webserver. 11:59.660 --> 12:01.620 An der HTM gibt es eine Firewall, die 12:01.620 --> 12:02.880 natürlich alles blockt, was nicht 12:02.880 --> 12:05.860 alle HTTP-Requests, die nicht auf Port 80 kommen, blockt. 12:06.600 --> 12:07.720 Node soll aber nicht auf 12:07.720 --> 12:09.940 Ports kleiner 1024 laufen, aus Sicherheitsgründen, 12:09.940 --> 12:13.300 weil bei Unix alles, was kleiner als Port 1024 hat, auf Root läuft. 12:14.260 --> 12:17.340 Also haben wir noch Nginx benutzt, wird so geschrieben, Nginx ausgesprochen, 12:17.520 --> 12:22.100 ist eine Web-Server-Software, ganz leichtgewichtig ist, für hohe Performance ausgelegt, 12:22.840 --> 12:27.820 was nur als Reverse-Proxy dient, das heißt auf der einen Seite hört er auf Port 80 12:27.820 --> 12:31.340 und leitet weiter auf den Port von Node eben und auf der anderen Seite von Node 12:31.340 --> 12:33.080 hört er eben zu und leitet weiter auf Port 80. 12:33.540 --> 12:35.240 Also Nginx einfach nur als Proxy dazu. 12:35.240 --> 12:38.360 Ja, und 12:38.360 --> 12:40.280 das war es dann mit der Präsentation 12:40.280 --> 12:43.200 wenn Sie uns fragen würden, was wir daraus gelernt haben 12:43.200 --> 12:44.440 das war unser erster großes Projekt 12:44.440 --> 12:46.100 was wir alle gemacht haben 12:46.100 --> 12:48.620 wir haben alle neue Technologien kennengelernt 12:48.620 --> 12:50.820 auf jeden Fall, vor allem vor allem Node.js und MongoDB 12:50.820 --> 12:52.380 und 12:52.380 --> 12:53.620 ja 12:53.620 --> 12:56.680 was wir vielleicht anders machen würden, das andere Mal 12:56.680 --> 12:58.500 falls Sie das auch irgendwie wissen wollen, ist 12:58.500 --> 13:00.780 unser Projektmanagement, also wir haben einfach ins Blau 13:00.780 --> 13:02.640 hinein losgelegt und ich denke mal 13:02.640 --> 13:03.320 beim nächsten Mal 13:03.320 --> 13:06.280 wäre es besser, wenn wir uns erstmal ein paar Milestones setzen 13:06.280 --> 13:07.420 und alles, bevor wir loslegen. 13:07.920 --> 13:10.360 Das war die größte Lehre, die wir daraus gezogen haben, 13:10.700 --> 13:12.740 dass es nichts bringt, 13:12.820 --> 13:14.600 einfach drauf loszulegen, ohne einen Plan zu haben. 13:14.960 --> 13:15.600 Vielen Dank. 13:16.600 --> 13:17.820 Und wenn es Fragen gibt, natürlich gerne 13:17.820 --> 13:18.900 stellen. 13:24.740 --> 13:25.600 Gibt es denn Fragen? 13:27.840 --> 13:28.240 Keine. 13:29.340 --> 13:30.500 Ich habe zwei 13:30.500 --> 13:31.380 Fragen aus dem Stream. 13:31.380 --> 13:38.520 und zwar meinen da welche also sehr geil und die fragen ob es ein startguthaben geben wird ja das 13:38.520 --> 13:42.360 hennei problem da man das ganze machen schon gedanken darüber gemacht wir machen es so auf 13:42.360 --> 13:46.020 dem medien als und dann auch in der zeit nach dem medien als wie lange bis man nicht machen 13:46.020 --> 13:50.640 wir eine umfrage da machen wir am besten machen wir eine umfrage wo wir unsere plattform bewerten 13:50.640 --> 13:54.780 lassen auf dem skopje selber dem muss kopien bewerten lassen und die umfrage gibt dann 13:54.780 --> 13:58.980 überdurchschnittlich vier punkte so dass zehnfache oder so damit leute erst mal startguthaben haben 13:58.980 --> 14:01.180 damit erstmal Geld, also Coins im Umlauf ist. 14:01.940 --> 14:05.740 Ja, und dann, und das lassen wir eben so lange drin, bis wir der Meinung sind, jetzt reicht es. 14:06.280 --> 14:09.340 Dann nehmen wir die raus und dann, ja, so wollten wir das lösen. 14:10.860 --> 14:15.640 Okay, und dann fragt einer, der möchte die Monetarisierung noch ein bisschen weiter treiben, 14:15.760 --> 14:18.980 und zwar fragt er, wäre es eine Überlegung, auf der Seite Werbung einzublenden 14:19.540 --> 14:22.620 und die User dann anhand ihrer gesammelten Coins zu bezahlen? 14:24.820 --> 14:26.280 Ich frage jetzt nicht ganz, Werbung? 14:26.280 --> 14:30.540 Ich glaube, er möchte wissen, quasi richtige Werbung, Google AdWords, keine Ahnung, 14:30.960 --> 14:36.120 und dann je mehr Umfragen man beantwortet, desto mehr kriegt man von den generierten Werbeerlösen. 14:37.740 --> 14:42.280 Wir hatten eh die Idee, also die allererste Idee war eigentlich, dass man es mit echtem Geld macht, 14:42.900 --> 14:45.500 also dass man irgendwie da auch Geld in den Umlauf bringt, zum Beispiel alles in den Pott schmeißt 14:45.500 --> 14:46.960 und dann einmal im Monat verlost oder so. 14:47.700 --> 14:52.020 Da wir es aber für die Hochschule machen, waren wir der Meinung, dass es, also alles, was mit echtem Geld zu tun hat, 14:52.300 --> 14:54.680 wahrscheinlich rechtlich viel zu problematisch ist. 14:54.680 --> 14:59.380 Deswegen haben wir es eben sein lassen, also gleich von dem Gedanken weg und haben uns eben für die virtuelle Währung dann entschieden. 15:00.860 --> 15:06.240 Okay, darf ich ganz kurz noch eine Frage und zwar, wird es von der HDM offiziell übernommen? 15:07.060 --> 15:15.020 Bis jetzt noch nicht, nee, wir sind zwar ein bisschen dran mit der VHS, wir wollen es aber erstmal, denke ich mal, weil alles ist irgendwie noch Beta und wir haben es noch nie getestet, 15:15.080 --> 15:20.200 wollen es nochmal ein Semester lang vielleicht mal ausprobieren, laufen lassen, wie es angenommen wird, wie es funktioniert. 15:20.200 --> 15:26.540 und danach, wenn wir dann aus dem Praxissemester zurückkommen, dann können wir gucken, dass wir das machen. 15:26.620 --> 15:29.820 Aber wir sind da eigentlich schon das ganze Semester ein bisschen auch mit einem aus der VS dran, 15:30.260 --> 15:32.140 da ein bisschen was auch zu bewegen damit. 15:35.280 --> 15:37.340 Gut, noch Fragen? Keine mehr? 15:39.080 --> 15:40.160 Ja, dann vielen Dank nochmal. 15:46.160 --> 15:46.780 Vielen Dank.