In fünf Schritten zur eigenen Fitness-App – ganz ohne Programmieren
Chris Bailey
Product Marketing Manager
Besonders in diesen Zeiten setze ich es mir als Priorität, Möglichkeiten zu erforschen, gesünder und glücklicher zu leben. Vor rund einem Jahr beschloss ich wie viele andere auch, regelmäßiger zu trainieren und meine Fortschritte genauer zu verfolgen. Ich sah mir verschiedene Fitness- und Trainings-Apps an, aber bei keiner konnte ich meine sportlichen Aktivitäten so verfolgen, wie ich es wollte. Daher erstellte ich meine eigene App – ganz ohne Code zu schreiben.
Wenn es Ihnen ähnlich geht, dürfen Sie sich freuen: Mit AppSheet, der Plattform von Google Cloud für die No-Code-App-Entwicklung, können auch Sie eine individuelle Fitness-App gestalten, mit der Sie Blöcke, Wiederholungen und Gewichte aufzeichnen, Ihre Trainingseinheiten protokollieren und Ihre Fortschritte verfolgen können.
Kopieren Sie als Erstes die hier bereitgestellte fertige Version. Falls zwischendurch Probleme oder Fragen auftreten, erhalten Sie in diesem Thread der AppSheet-Community Unterstützung.
Schritt 1: Daten zusammenstellen und die App einrichten
Ihre erste Aufgabe besteht darin, Ihre Daten zu organisieren und mit AppSheet zu verknüpfen. AppSheet kann mit verschiedenen Datenquellen verknüpft werden. Am einfachsten können sie eine Verbindung mit Google Tabellen herstellen, da wir hierfür einige praktische Konnektoren in Google Workspace entwickelt haben. Ich habe schon einmal einige Beispieldaten erstellt. Diese befinden sich in zwei Tabellen (eine pro Tab). Die erste enthält eine Liste der Übungen, die ich jede Woche absolviere, und die zweite ein fortlaufendes Protokoll der Übungen und ihrer Ergebnisse (z. B. wie hoch das verwendete Gewicht war und wie oft ich die Übung wiederholt habe).
Sie dürfen diese Tabellen gerne kopieren und als Ausgangspunkt verwenden. Anschließend können Sie direkt in Google Tabellen damit beginnen, Ihre App zu erstellen. Gehen Sie zu „Tools > AppSheet > App erstellen“. Ihre Daten werden in AppSheet eingelesen und die App wird für Sie eingerichtet. Falls Sie eine andere Datenquelle verwenden, können Sie diese Schritte ausführen, um eine Verbindung zu AppSheet herzustellen.
Schritt 2: Ein Formular erstellen, um Ihre Übungen zu protokollieren
Sie sollten sich jetzt im AppSheet-Editor befinden. Rechts sehen Sie eine Livevorschau Ihrer App. Bisher ist AppSheet nur mit einer der beiden Tabellen verbunden (mit der, die geöffnet war, als wir die App erstellt haben). Gehen Sie zu „Data > Tables” und klicken Sie auf „Add a table for Workout Log", um auch eine Verbindung zur zweiten Tabelle herzustellen.
Bevor wir das Formular erstellen, teilen wir AppSheet mit, welche Datentypen in den einzelnen Spalten verwendet werden. Gehen Sie zu „Data > Columns > Workout Log“ und konfigurieren Sie die Spalten mit diesen Einstellungen (die Spalteneinstellungen können Sie anpassen, indem Sie auf das Bleistiftsymbol links neben einer Spalte klicken):
In diesem Bild sehen Sie, wie ich die Einstellungen für „Key“, „Set 1 Weights (lbs)“, „Set 1 Reps“ und „How I Feel“ angepasst habe.
Jetzt erstellen wir eine Ansicht für dieses Formular. Eine Ansicht ist eine Art Webseite für Apps. Gehen Sie zu „UX > Views“ und klicken Sie auf „New View”. Geben Sie in das Feld „View name” den Namen „Übung aufzeichnen“ ein und wählen Sie im Drop-down-Menü „For this data” die Option „Workout Log“ aus. Als „View type” wählen Sie die Option „form“ und neben „Position“ die Option „left“ aus. Nachdem Sie Ihre App gespeichert haben, können Sie darin auf „Übung aufzeichnen“ klicken, und es sollte ein Formular angezeigt werden, in dem Sie Ihr Training protokollieren können.
Schritt 3: Ein digitales Trainingsprotokoll einrichten
Während ich trainiere, möchte ich schnell auf frühere Trainingsdaten zugreifen können, um zu wissen, wie viele Wiederholungen ich machen oder welches Gewicht ich verwenden sollte. Für unser Protokoll brauchen wir eine neue Ansicht. Gehen Sie zu „UX > View“ und klicken Sie auf „New View”. Nennen Sie diese Ansicht „Protokoll“ und wählen Sie im Drop-down-Menü „For this data“ die Option „Workout Log“ aus, als „View type” die Option „table“ und neben „Position” die Option „right“.
Wählen Sie dann im Abschnitt „View Options” neben „Sort by” die Optionen „Date“ und „Ascending“ und für „Group by” ebenfalls die Optionen „Date“ und „Ascending“ aus.
Schritt 4: Ein Statistik-Dashboard erstellen
Wir haben jetzt eine funktionierende App, mit der wir Trainingseinheiten aufzeichnen und ansehen können. Allerdings bin ich ein großer Fan von Daten und Visualisierungen und liebe es daher, meinen Fortschritt anhand von Grafiken und Diagrammen verfolgen zu können. Deswegen erstellen wir nun ein interaktives Dashboard mit Diagrammen, an denen sich Statistiken für jede beliebige Übung ablesen lassen. Dieser Schritt ist etwas komplizierter. Sie können ihn auch gern überspringen, schließlich ist es Ihre App!
Bevor wir das Dashboard erstellen, legen wir fest, welche Messwerte sie anzeigen soll. Ich möchte die Gesamtzahl der Wiederholungen pro Trainingseinheit sowie das Gewicht sehen, das ich in der ersten Einheit aufgelegt hatte. Wir haben schon eine Spalte für Gewichte („Set 1 Weights (lbs)”), aber jetzt brauchen wir noch eine virtuelle Spalte, um die Gesamtzahl der Wiederholungen zu berechnen. Gehen Sie dafür zu „Data > Columns > Workout Log > Add Virtual Column“.
Für erweiterte Berechnungen wie die die hier gezeigten verwendet AppSheet ähnliche Ausdrücke wie Google Tabellen. Nennen Sie die virtuelle Spalte „Wiederholungen gesamt“ und geben Sie die folgende Formel in das Pop-up-Feld ein, um die Gesamtzahl der Wiederholungen zu berechnen:
„[Set 1 reps] + [Set 2 reps] + [Set 3 reps] + [Set 4 reps] + [Set 5 reps]”
Jetzt können wir an unserem Dashboard arbeiten. Ein Dashboard in AppSheet ist im Prinzip eine Ansicht, die mehrere andere Ansichten enthält. Vor dem Dashboard erstellen wir daher die folgenden Ansichten.
Jetzt können wir unser Dashboard erstellen. Dazu geben wir in das Feld „View name” die Bezeichnung „Statistiken“ ein und wählen als „View type” die Option „Dashboard“ sowie neben „Position” die Option „center“ aus. Bei „View Entries“ wählen wir „Exercise“ (nicht „Exercises“!), „Total Reps“, „Set 1 Weight (lbs.)“, „Sentiment“ und „Calendar“ aus. Aktivieren Sie „Interactive Mode” sowie unter „Display > Icon type“ die Option „chart“ und entscheiden Sie sich für ein Symbol. Klicken Sie auf „Save”. Nun sollten Sie ein übersichtliches Dashboard haben, in dem die einzelnen Diagramme je nach ausgewählter Übung angepasst werden.
Schritt 5: App personalisieren und an Ihr Smartphone senden
Die fertige App können Sie jetzt personalisieren. Gestalten Sie z. B. das Erscheinungsbild individuell oder erweitern Sie die App um zusätzliche Funktionen. Sehen Sie sich einfach im AppSheet-Editor um und testen Sie verschiedene Möglichkeiten. Ich habe meine App auch noch etwas angepasst:
- Unter „UX > Brand“ habe ich als primäre Farbe Blau gewählt.
- Unter „Behavior > Offline/Sync“ habe ich die Optionen im Abschnitt „Offline Use“ aktiviert, damit ich die App auch ohne Internetverbindung verwenden kann.
- Ich habe die Position der Ansicht „Exercises“ in „Menu“ geändert, damit sie in der App nur im Menü oben links angezeigt wird.
Wenn die App Ihren Vorstellungen entspricht, können Sie sie an Ihr Smartphone senden. Gehen Sie zu „Users > Users > Share app“, geben Sie in das Feld „User emails” Ihre E-Mail-Adresse ein, aktivieren Sie das Kästchen „Ich bin kein Roboter“ und klicken Sie auf „Add users + send invite“. Rufen Sie dann auf dem Smartphone Ihre E-Mails ab und führen Sie die Schritte zum Herunterladen Ihrer App aus.
AppSheet bietet zahlreiche Möglichkeiten, Apps zu entwickeln, die Ihnen das Leben leichter machen. Bestimmt finden auch Sie etwas, das Ihnen gefällt. Viel Spaß!
