Projektarbeit WS 16/17 von Nikolas Braun - 176691 Robert Dieterle - 176700 Kevin Jensen - 176718 Alexandra Prokofyeva - 176767 Noelle Reichert - 176768 Inhaltsverzeichnis 1. Einführung 4 3.2 Typografie 27 5. Karl-Drais-Tour 50 6.2 Grundlagen 69 1.1 Aufgabenstellung 6 3.3 Farbgebung 28 5.1 Beschreibung 52 6.3 Herangehensweise 77 1.2 Mission 8 3.4 Erste Entwürfe 29 5.2 Mannheimer Schloss 54 6.4 Testen der App 79 1.3 Werte 10 3.5 Mock-Ups / Smartphone 31 5.3 Wohnhaus in M1, 8W 55 7. Finaler Stand 80 1.4 Team 12 5.4 Schlossgarten 56 3.6 Mock-Ups / Tablet 35 7.1 Finaler Funktionsumfang 82 1.5 Aufgabenverteilung 13 5.5 Neckarauer Übergang 57 4. Screenbook 40 7.2 Smartphone-Version 84 1.6 Zeitplan 15 5.6 Casterfeldstraße 58 4.1 Flowchart 42 7.3 Tablet-Version 89 5.7 Drais-Denkmal Karlsplatz 59 2. Analyse 16 4.2 Navigation 43 8. Ausblick 94 2.1 Konkurrenzanalyse 18 5.8 SAP Arena 60 4.3 Erlebnisradwege 44 8.1 Zukunft von "biketrip.bw" 96 2.2 Nutzungsszenario 20 5.9 Technoseum 61 4.4 Suche 45 8.2 Fazit 97 5.10 Wasserturm 62 2.3 Zielgruppe 22 4.5 Routenplaner 46 9. Anhang 98 5.11 Benzdenkmal 63 2.4 Social Media-Einbindung 23 4.6 Offline-Karten 47 9.1 Konkurrenzanalyse 100 4.7 Pannentipps 48 6. Programmierung 64 3. Design 24 9.2 Literaturverzeichnis 128 3.1 Logo 26 4.8 Impressum 49 6.1 Anforderungen 66 9.3 Bildverzeichnis 129 2 / 131 3 / 131 1. Einführung 1.1 Aufgabenstellung 1.2 Mission 1.3 Werte 1.4 Team 1.5 Aufgabenverteilung 1.6 Zeitplan 1.1 Aufgabenstellung Der Titel der Aufgabenstellung un- Das Thema, was biketrip.bw den serer Projektarbeit lautet Konzepti- Nutzern näherbringen soll, ist es, die on und Entwicklung einer Web-App Freude am Radfahren wiederzufin- im Bereich Edutainment zum Thema den. Auf diese Idee kamen wir durch „200 Jahre Fahrrad“. unseren Betreuer Prof. Riempp, der den Wettbewerb „200 Jahre Fahr- Basis unseres Projektes ist es, eine rad-Jubiläum“ des Landes Baden moderne App zu entwickeln, welche -Württemberg entdeckte. durch geschickten und gezielten Me- dieneinsatz Menschen ein bestimm- Anders als beim Autofahren berei- tes Thema näher bringt. Das Ziel tet das Fahren an sich den meisten dabei ist, dass Nutzer Neues lernen Menschen nicht genügend Anreiz, ohne dass es ihnen bewusst wird, um häufiger Rad zu fahren. Um ge- da ihnen die Nutzung der App so viel rade diesen Menschen einen Mehr- Spaß bereitet. Ein weiteres Kernele- wert beim Fahren zu bieten, der ment unserer App ist der innovative nicht im reinen Ankommen an einem Programmieransatz einer Web-App. definierten Ziel liegt, haben wir uns Ziel dieses Ansatzes ist es eine App Gedanken darüber gemacht wie man zu erstellen, welche für iOS- und so eine Fahrt spannender gestalten Android-Smartphone gleicherma- könnte. Hieraus entstand die Idee ßen nutzbar ist. Somit möchten wir einer interaktiven Radtour in Form in unserer Projektarbeit ebenfalls unserer Edutainment App. die Frage klären wie schwer es ist eine Web-App umzusetzen und ob die Nutzung auf diversen Endgerä- ten reibungslos funktioniert oder der Ansatz noch nicht gänzlich ausge- reift ist. 6 / 131 1.2 Mission Der Anfang zu einer guten Idee ist entfachen. Mithilfe unserer App "bi- stets eine gute Frage. ketrip.bw" kann man sich durch diese Touren navigieren lassen. „Wie können wir Menschen für das Fahrradfahren begeistern, wo sie Geplant ist zunächst eine Strecke, doch mit dem Auto viel schneller die dem 200-jährigen Geburtstag ankommen und ohnehin via Internet des Fahrrades gewidmet ist. Auf der ihre Stadt von der Couch aus be- Fährte von Karl Drais können unse- trachten können?“ re Nutzer den Spuren, die das erste Fahrrad hinterließ, folgen. Wer sich Da die reine Beförderung für die dieser Tour widmet, entdeckt vie- Meisten keinen ausreichenden Anreiz le interessante Fakten über die Ge- zum Radfahren bietet, möchten wir schichte des Fahrrades. Motivation durch spannende Touren Wenn man bestimmte Punkte auf Hierbei denken wir an Touren mit Re- der Karte erreicht, bietet die App staurantführern, welche gleichzeitig die Möglichkeit, in die Geschichte die Gastronomie stärken, spezielle einzutauchen. Mit Hilfe von Texten, Touren für Sportler oder für gemütli- Videos, kurzen Hörspielen und Ani- che Sonntagsausflüge. mationen lassen wir Geschichte le- Um das Nutzungserlebnis zu stei- bendig werden. gern, haben Anwender die Möglich- keit, Strecken zu bewerten und zu Basis unserer Idee ist, dass durch kommentieren. weitere Strecken der Tourismus in verschiedenen Regionen Ba- Zudem wäre es möglich die App zu den-Württembergs gestärkt werden erweitern, sodass Städte und Ge- kann. Neben Radtouristen sollen meinden aber auch Fahrradvereine auch einheimische Nutzer von der eigene Strecken selbstständig anle- Web-App Gebrauch machen können. gen und mit Anderen teilen können. 8 / 131 9 / 131 1.3 Werte Innovation bedeutet Sichtbarkeit bedeutet Einmaligkeit Aufmerksamkeit Nach langen Recherchen rund um Mit "biketrip.bw" wecken wir den das Thema Rad und App haben wir Wunsch, selbst auf Entdeckungs- Vieles gefunden, vor allem Fitness- reise mit dem Rad zu gehen. Gera- tracker und Standard-Radtouren. de im regionalen Bereich lässt sich Wir wollen mit unseren ansprechend "biketrip.bw" sehr gut mit städtischer aufbereiteten Touren jedoch etwas oder gastronomischer Werbung ver- Neues bieten, etwas, dass das Inte- binden und bietet so das Potential resse und die Freude am Radfahren für mediale Aufmerksamkeit. unterstützt, sowohl für Android- asl auch iO-Nutzer Eine interaktiv ge- Diese Beachtung kann genutzt wer- führte Tour, bei welcher man Orte den, um Menschen für das Fahrrad aus der Region auf spannende Weise zu begeistern und damit sie das Auto entdeckt, ist einzigartig. stehen lassen und sich selbst und der Natur etwas Gutes tun. Aktivierungspotetial bedeutet Begeisterung Qualität bedeutet Präzision Begeisterung entsteht, wenn man beginnt zu träumen. Die von uns ge- Da wir selbst viel Begeisterung für plante App nutzt die Chancen, die unsere Idee empfinden und von ihr uns neue Medien für die Tourismus- überzeugt sind, ist diese Skizze nur branche, insbesondere in ländlichen der Beginn einer ausgefeilten Pla- Regionen, bieten. Der Traum von nungsphase. In dieser Phase werden mehr Tourismus und Fahrradbegeis- alle Details exakt definiert und vor terung beginnt mit "biketrip.bw". allem Wert auf eine hohe Benutzer- freundlichkeit gelegt. Nachhaltigkeit bedeutet Wachstumschancen "biketrip.bw" schafft eine Grundla- ge mit Wachstumspotential. Da vie- le Radstrecken bereits bekannt und von Städten und Gemeinden durch- dacht und angelegt sind, besteht die Möglichkeit, dass "biketrip.bw" schnell wächst. Dadurch können diese Strecken integriert und aufbe- reitet werden. 10 / 131 11 / 131 1.4 Team 1.5 Aufgabenverteilung Am Projekt wird ein Team aus ins- mischen Mitarbeiter B. Sc. Fabian Nikolas Braun Zusätzliche Mithilfe bei: gesamt fünf Studenten der Hoch- Fakir fachlich betreut. schule für Technik, Wirtschaft und Hauptaufgabe: - Entwurf des Logos Medien Offenburg arbeiten: Nikolas Im Laufe unseres Studiums hat sich Braun, Robert Dieterle, Kevin Jen- jeder von uns auf einen bestimmten - Produktion und Schnitt des Teasers - Anfertigung erster MockUps sen, Alexandra Prokofyeva und Noel- Bereich spezialisiert, weshalb wir die le Reichert. großen Aufgaben wie Programmie- - Animationsfilm zum Denkmal am - Texte für die Dokumentation ver- rung, Gestaltung sowie Inhaltsbe- Karlsplatz fasst Wir befinden uns momentan im sieb- schaffung und -erstellung unterein- ten Semester der Fakultät Medien ander aufteilen werden. - Produktion Hörspiele und Informationswesen. Da wir "bi- ketrip.bw“ im Rahmen unserer Pro- Da wie uns für neue Medien sowie - Redaktionelle Aufbereitung der Kevin Jensen jektarbeit realisieren möchten, wer- clevere und zukunftsweisende Um- Pannentipps den wir von Prof. Dr. Dipl.-Ing. (FH) setzungen interessieren, freuen wir Hauptaufgabe: Roland Riempp und seinem akade- uns auf das Projekt. Zusätzliche Mithilfe bei: - 3D-Modell - Texte für die Dokumentation ver- fasst - Animationsfilm zum Schloss - Scribbles angefertigt - Produktion Hörspiele Zusätzliche Mithilfe bei: - Dreharbeiten in Mannheim Robert Dieterle - Texte für die Dokumentation ver- Hauptaufgabe: fasst - Komplette Programmierung der App mit Ionic 2 Alexandra Prokofyeva - Recherche zu „Programmierung webtechnikbasierter Anwendungen“ Hauptaufgabe: - Recherche zu „Standards und - Regisseur Hörbeiträge ‚bestpractices’ bei der App-Ent- wicklung“ - Texte für die Checkpoints verfasst - Test der App auf mehreren Endge- räten und Simulatoren - Texte für Sprecher aufbereitet 12 / 131 13 / 131 1.6 Zeitplan Zusätzliche Mithilfe bei: Zu Beginn unseres Projektes stellten Mock-Ups, welche der Programmie- wir einen Zeitplan auf, um sicher ge- rung als Vorlage dienten. Ebenso er- - Mock-Ups: erste Version für die hen zu können, dass unser Projekt arbeiteten wir Drehbücher für den Tablet-Ansicht erstellt rechtzeitig fertig wird. Für das ge- Teaser und den Content der Rad- - samte Projekt haben wir im Rahmen tour. Im November begannen wir Scribbles zum Logo unserer Projektarbeit dreieinhalb auch mit der Programmierung, zu- Monate Zeit. nächst mit dem groben Gerüst, um - Hörbeiträge: Aufnahme und dann ins Detail zu gehen, sobald die Nachbearbeitung Für die Phase der Recherche und Mock-Ups fertig waren. Analyse planten wir die letzten bei- - Texte für die Doku verfasst + kor- den Oktoberwochen ein. Der Wettbe- Insgesamt sieben Wochen nutzten rekturgelesen werb „200 Jahre Fahrrad“ des Lan- wir für die Erstellung der Inhalte für des Baden-Württemberg, bei dem unsere App. Die meiste