018_mentalhealth_homealonechallenge+WGaner-ChallengeAccepted

• 

Verbesserter Video-Upload: https://youtu.be/hiZXmHaOF1U

Link zur Click-Dummy-App: https://tfr42.github.io/challenge-accepted/

Inspiration

Zuhause sein und keine sinnvolle Beschäftigung zu haben, belastet. So geht es gerade Millionen von Deutschen. Normalerweise wünscht sich jeder mehr Zeit in seinem Alltag. Nur was tun, wenn man diese Zeit auf einmal hat und sich ernsthaft damit auseinandersetzen muss, was man damit anfangen soll. Wenn Routinen nicht mehr möglich sind, verliert der Tag die gewohnte Struktur - und Menschen verlieren wichtigen Halt. Wir werden unzufrieden, antriebslos und gelangweilt. Hält dieser Zustand an fallen wir förmlich in ein Loch. Um aus der Situation etwas gutes zu machen brauchen wir einen Rhythmus, der dem Tag Struktur gibt. Wichtig ist sich bewusst zu machen, dass diese gewonnene Zeit eine Chance beinhaltet um Neues zu erleben. Dabei möchten wir anderen Leute helfen und eine Inspiration geben.

What it does

Unsere App soll motivieren, sinnvollen Tätigkeiten nachzugehen und so einen geregelten Tagesablauf ermöglichen. Wir wollen dazu anregen, sich selbst und seine Mitmenschen auf neue Art herauszufordern. Dabei ist unser Ziel, eine Community aufzubauen, die trotz physischer Distanz durch gegenseitiges challengen näher zusammenrückt. Wir sind der Überzeugung, dass der Austausch mit Familie, Freunden und auch Fremden durch das gegenseitige Herausfordern bestärkt wird. So können wir alle neue Fertigkeiten erlernen oder verbessern, sowie anderen unsere Fähigkeiten vermitteln. Durch das Erstellen und Absolvieren der Challenges trägt jeder etwas zur “mental health” von sich und der Community bei. Um all dies simpel von Zuhause zu ermöglichen, haben wir uns dafür entschieden eine App zu entwickeln.

How we built it

Gestartet sind wir mit fünf Leuten als WG-übergreifendes Projekt und als bunt zusammengewürfeltes Team, in dem jeder andere Ideen und Fähigkeiten mitbringt: Hannah, Chemieingenieurin, Linus, Physiker, Malu, Designerin, Robin und Andreas, Wirtschaftsingenieure. Doch schon bei Auswahl des zu bearbeitenden Problems zeigte sich, dass wir auf jeden Fall zusätzliche Fähigkeiten brauchten. So sind Torsten, Tim, Maximilian und Annika mit ins Team gekommen, die sich auch stark für die Mental Health Challenge interessierten.

Nach der Kennenlernphase definierten wir zuerst unser gemeinsames Ziel und unsere Motivation. Anschließend haben wir unsere Projektidee mit Hilfe eines Design Thinking Prozesses gemeinsam entwickelt. In diesem Prozess haben wir neben den ersten Ideen für die Screens auch die Funktionen der App erarbeitet.

Im nächsten Schritt wurden dann in Teamarbeit Mockups für die UI und den ersten Klick-Prototyp erstellt. Regelmäßige Stand-up Meetings über Slack haben uns geholfen, die Zusammenarbeit zu koordinieren und die Teilaufgaben wie UI-Design, Prototype Development und Story Board für das Video zu bearbeiten. Ein erster Prototyp auf Basis von HTML5 mit CSS und react.js ist online verfügbar unter https://tfr42.github.io/wirvsvirus-challenge-accepted/ und der Quellcode unter einer Open Source Lizenz auf GitHub veröffentlicht https://github.com/tfr42/wirvsvirus-challenge-accepted.

Challenges we ran into

Programmieren:

Größte Herausforderung war die Realisierung eines Klick-Prototypen und die Umsetzung dieses Prototypen als Hybrid-App auf Basis von HTML5 mit CSS und react.js. Die Umsetzung eines Working Prototyp mit den Basisfunktionen erfordert noch weitere technische Skills wie das Hosting von Server-seitigen Komponenten für die Datenhaltung und die Einbindung in IT-Infrastrukturen für die Authentifizierung von Benutzern und Verknüpfung mit Social-Media-Profilen der App-Benutzer.

Gestaltung:

Umsetzung des Gamification-Ansatzes und eines Konzepts für die Punktevergabe und Level

Video:

• Video-Rendering und -Upload waren mit persönlichen und technischen Schwierigkeiten verbunden
• Eingesprochenen Text mit erstellten Video-Screens verbinden (Ton-Bild-Schere)
• Zielsetzung des Videos (Was möchten wir mit dem Video ausdrücken?)
• Festlegung des Video-Erstellungs-Tools

Kommunikation:

Die Tatsache, dass wir ausschließlich per Slack über Chat und Telefonie miteinander kommunizieren konnten, war ein ungewohnter Umstand, an den wir uns erst gewöhnen mussten. Anschließend klappte die Kollaboration aber sehr gut.

Aufgabenteilung:

Herausfinden der Kompetenzen der Teammitglieder und Aufteilung der Aufgaben

Accomplishments that we're proud of

Übergeordnet: Wir haben uns sehr schnell als Team zusammengefunden, im Team gebrainstormt, gut miteinander kommuniziert und Aufgaben koordiniert, obwohl alles remote lief - und haben alle etwas gelernt und Spaß dabei gehabt :)

Programmieren:

Der technische Rahmen für die Umsetzung eines ersten Working-Prototyp auf Basis von HTML5 mit CSS und react.js wurde erstellt und der Code auf GitHub unter einer Open Source Lizenz publiziert.

Gestaltung:

• Logo-Design, das Bergsteigen als symbolhafte Herausforderung aufgreift und gleichzeitig sich visuell an #flattenthecurve anlehnt;
• Design von Mockups in Photoshop, die die App-Navigation und Funktionen zeigen
• Entwicklung von User Stories/Klickreihen und Storyboards als Basis für das Pitch-Video

Video:

Wir konnten einen Sprecher des DLF gewinnen, der unser Videoskript eingesprochen hat

What we learned

• Social Skills für die (remote)Teamarbeit
• Tools für UI Prototypen / Clickdummy
• Frameworks für die Umsetzung als Hybrid-App
• Proof of Concept: Bei der Suche nach Beispiel-Challenges sind wir jetzt schon auf viele Menschen gestoßen, die sich zur Zeit auf Instagram selber challengen und versuchen andere damit zu inspirieren oder zum Lachen zu bringen.
• Manchmal, und vor allem unter Zeitdruck, sind schnelle Zeichnungen auf Papier total ausreichend, um eine Idee zu diskutieren
• Eine App braucht nicht 1000 Features sondern einen relevanten Use Case

What's next for 018_mentalhealth_homealonechallenge+WGaner

Im Anschluss an den Hackathon werden wir mit der Umsetzung des Konzepts beginnen. Insbesondere die Programmierung und Ausgestaltung der Hybrid-App sowie die technische Umsetzung der Community sind dabei die nächsten Schritte. Außerdem erstellen wir bereits Challenges, die den Nutzern als Vorbild für eigene Challenges und Einstieg in die Nutzung bieten. Außerdem soll die App nachdem die Grundfunktionen programmiert wurden in seinen Features (Chatfunktion, Challenge des Tages,...) erweitert werden . Wir können uns vorstellen, mit der App auch Freiberufler, Künstler und kleine Unternehmen zu unterstützen, indem sie in Highlight-Challenges auf sich aufmerksam machen können. Zudem suchen wir Partner für die Ausgestaltung der Server-Komponenten und effektiven Bildung einer großen Community, die das Projekt weiterentwickelt. Hierzu sind die nächsten Schritte:

Phase 1:

• Responsive Prototyp mit statischen HTML5 (Aufruf über Browser in Mobile Device)

Phase 2:

• Implementierung aller System-Komponenten für einen Working-Prototyp mit
• Server-Komponente für die Datenhaltung der Challenges (Cloud-basiertes REST-Services mit Storage z.B. mit redis oder klassisch mit einer Datenbank) als Docker-Container ggfs. mit Kubernetes oder Docker-Swarm
• Komponente für die Authentifizierung und Autorisierung, Anbindung an Provider wie Github, Google, Facebook für die Anmeldung

Phase 3:

• Erweiterung der Hybrid-App um Funktionen für die Einbindung von Kamera, Fotos in die App und Verlinkung von externen Medien auf youtube für Videos oder Bildern auf Instagram.
• Verknüpfung eines User-Profils mit Social-Media Accounts wie Instagram, Facebook, Twitter etc.

Built With

• css3
• html5
• react