Dr. Web Digital Experts-Logo
  • Alle Experten auf einen Blick
  • Berlin
  • Hamburg
  • München
  • Köln
  • Frankfurt
  • Mein Konto
  • Agentur eintragen →
  • × 🍔 vertilgen
  • ☰ Menu
Hier das Dr. Web Icon-Set herunterladen.

Focality: Ein Blick hinter die Kulissen einer Produktivitäts-App

Moderne Frameworks ermöglichen die App-Entwicklung mit Web-Technologien. Ein Erfahrungsbericht aus der Entwicklung von Focality, einer App für die intuitive Planung persönlicher Ziele und Selbstreflexion.
Lade Dir jetzt das Icon-Set kostenlos herunter

Übersicht

Was ist Focality?

Gehörst Du auch zu den Personen, die ständig endlose Aufgabenlisten abarbeiten und dabei regelmäßig die eigenen Ziele aus den Augen verlieren? Hast Du das Gefühl, dass Du oft eher an den dringendsten anstatt an den wichtigsten Dingen arbeitest? Du möchtest lieber aktiv daran arbeiten Dich zu verbessern, als Dich immer wieder über die gleichen Fehler zu ärgern? Focality kann Dir dabei helfen.

Focality: Prüfe Deinen Plan
Checkliste zur Planungsansicht

Focality ist eine App zum Planen, Reflektieren und Optimieren. Sie hilft die eigenen Ziele im Blick zu halten und das Leben bewusster zu gestalten. Kern ist ein mehrdimensionaler Planer. Im ersten Schritt legst Du fest, was Du dieses Jahr erreichen möchtest. Dann diesen Monat, diese Woche, diesen Tag. Am Ende von jedem Zeitraum blickst Du zurück und kannst so Strategien entwickeln, wie es beim nächsten Mal noch besser laufen kann. Statistische Auswertungen ermöglichen weitere Erkenntnisse. Wenn Du mehr als 7h / Tag verplanst, sinkt Deine Umsetzungsquote? Vielleicht solltest Du mehr Puffer einplanen. Bei einem Ziel verfehlst Du Deine Vorhaben überdurchschnittlich oft? Hinterfrage Deine Motivation und/oder Prioritäten.

Hinter Focality steht kein Team, sondern ich als Einzelperson. Ich entwickele die App neben meiner Stelle als Konzepter in einer Internetagentur. Dementsprechend muss ich sehr gut überlegen, wie ich die begrenzte Zeit am effizientesten einsetze.

Die Technik

Im Kern ist Focality eine Web-App. Mit Hilfe von Capacitor wird diese in einen nativen Rahmen für iOS und Android gepackt. So kann sie über den App Store bzw. Play Store verbreitet werden.

Die App selbst ist mit React und Material UI umgesetzt. Letzteres ist eine UI-Bibliothek, die Googles Material Design umsetzt. Sie bietet viele einfach einsetzbare Komponenten, sodass man mit etwas visuellem Gespür eine ansehnliche App erstellen kann, auch wenn man selbst vielleicht kein Designer ist.

Capacitor wiederum ist ein Werkzeug, was diese Web-App in einen nativen App-Container verpackt. Man kann es mit jedem Framework verwenden, nicht nur mit React. An der App selbst sind wenige bis gar keine Anpassungen notwendig – je nachdem, welche Funktionen man nutzen möchte. Capacitor bietet JavaScript-Schnittstellen für diverse native Funktionen. So kann man z.B. auf die Kamera und das Dateisystem zugreifen oder Benachrichtigungen erstellen.

Das Backend besteht vollständig aus Serverless-Technologien: AWS Cognito für die Benutzerverwaltung und AWS AppSync für die Datenhaltung. Das Spannende dabei ist, dass man als Entwickler eigentlich überhaupt kein Backend entwickeln muss.

Verschiedene Ansichten in der App Focality
Planungs-, Reflexions- und Zielansicht

Für AppSync definiert man lediglich das gewünschte Datenschema. Das Tool generiert daraus eine vollständige GraphQL-API, die bei AWS gehostet wird. Die Daten werden in DynamoDB abgelegt, einer NoSQL-Datenbank. Darum muss man sich jedoch nicht kümmern, AppSync legt automatisch die Datenbank an und kümmert sich um den Zugriff. Als Entwickler nutzt man einfach nur die bereitgestellte API, um seine Daten zu speichern und abzurufen.

Ähnlich dazu generiert Cognito anhand weniger Parameter eine komplette Benutzerverwaltung inklusive typischer Abläufe wie das Zurücksetzen oder Ändern von Passwörtern. Auch das Login über Drittanbieter wie Facebook oder Google wird unterstützt.

Focality: Du hast 9 Tage geplant
Auswertungen

Erfahrungen

Web-Technologien sind der nativen App-Entwicklung inzwischen ebenbürtig. Und die Vorteile sind massiv. Man kann fast ohne Zusatzaufwand für mehrere Plattformen entwickeln. Für mich wäre es zeitlich schlicht nicht möglich gewesen, für mehr als eine Plattform nativ zu entwickeln. Zudem kann man auf das gigantische Ökosystem der Web-Entwicklung zurückgreifen, das für fast jedes Szenario eine passende Bibliothek bietet. Es gibt nur noch wenige Gründe, die für eine native Entwicklung sprechen – bei einer App wie Focality eigentlich keinen.

Auch AWS AppSync und Cognito haben sich im Großen und Ganzen bewährt. Man spart unheimlich viel Zeit, wenn das Backend aus dem Datenschema generiert wird.

Es gibt aber auch Schattenseiten. Wenn ein Szenario von den Werkzeugen so nicht mitgedacht wurde, stößt man schnell an Grenzen. Beispielsweise wäre Focality theoretisch auch offline-fähig – wenn das AWS Framework nicht nach 30 Minuten auf ein frisches Access-Token bestehen würde. Langfristig werden solche Einschränkungen vielleicht doch noch ein individuelles Backend notwendig machen. Aber um ein Konzept schnell zu testen und an den Start zu bringen ist AppSync super.

Deine Meinung ist gefragt

Auch, wenn die Technik viele spannende Herausforderungen bietet, liegen die wahren Herausforderungen jedoch erwartungsgemäß an anderer Stelle. Der Markt für Kalender-Apps, To-do-Apps und Produktivitätssoftware ist heiß umkämpft und hoffnungslos überlaufen. Das macht es schwer, mit den ersten Nutzern ins Gespräch zu kommen. Ein intensiver Austausch ist jedoch unerlässlich, um ein Produkt von einer ersten Version zu etwas wirklich Erfolgreichem zu führen.

Daher ein Aufruf: Spricht Dich das Konzept an? Dann teste Focality und berichte, was Du davon hältst. Ganz besonders hilfreich wäre ein kurzes Gespräch. Als Dank gibt es 6 Monate die Pro-Version von Focality kostenlos.

Florian Sander

Florian Sander

konzipiert, entwickelt, implementiert und betreibt Software-Produkte seit über 20 Jahren. Sein neuestes Projekt ist Focality, eine App, die hilft, Dein Leben bewusst zu gestalten und Deine Ziele zu erreichen.

2 Antworten

  1. Avatar Dirk Helbert sagt:
    11. November 2020 um 9:11 Uhr

    Hi,

    die App habe ich mir jetzt nur oberflächlich angeschaut. Die Idee finde ich gut und ich werde sie auf jeden Fall ausprobieren. Danke schon mal dafür.

    Warum hast du auf eine Container Lösung gesetzt und nicht auf ReactNative?

    Viele Grüße
    Dirk

    Antworten
    1. Avatar Florian Sander sagt:
      11. November 2020 um 10:30 Uhr

      Danke! 🙂

      Gegen ReactNative hat vor allem gesprochen, dass das Web als Plattform nur experimentell unterstützt wird. Und ich wollte Focality auch fürs Web anbieten.

      Außerdem kann ich dadurch, dass Focality eine Web-App ist, das gesamte Spektrum der Web-Technologien nutzen. z.B. die grandiose UI-Bibliothek Material UI. Das Web-Ökosystem hat einfach unglaublich viel zu bieten.

      Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Passende Beiträge

4k Video Downloader Artikelbild
Tools

Videos unterwegs oder im Hotel schauen mit „4K Video Downloader“

Der 4K Video Downloader stammt von der britischen Softwarefirma „4K Download“, die noch weitere Tools rund um Videodownloads und Social Media im Portfolio hat. Uns hat interessiert, was die 4K-Software von anderen Video-Download-Tools unterscheidet. Und da gibt es tatsächlich einiges zu berichten.

Weiterlesen »
Die Benutzeroberfläche von Stogram.
Tools

4K Stogram Instagram-Tool

Der Name „Stogram“ ist eine Wortschöpfung, die sich aus Storage und Instagram ableitet. Es geht also um das Herunterladen von Instagram-Fotos und -Videos. Wir testen das Tool der Software-Schmiede „4K Download“ aus Großbritannien.

Weiterlesen »
timr - eine Zeiterfassungs-App aus Österreich für Designer und Entwickler
Tools

timr: Zeiterfassung für Designer & Entwickler

Zeit ist Geld. Vor allem, wer selbständig ist, weiß um die Bedeutungsschwere dieses Satzes. Dabei ist die Zeiterfassung im Home-Office oder unterwegs häufig problematisch und

Weiterlesen »
Lade Dir jetzt das Icon-Set kostenlos herunter

  • Agentur finden
  • Agentur eintragen
  • AGB
  • CSS
  • Datenschutzhinweise
  • Impressum
  • SEO
  • Webdesign
  • Websites
  • WordPress
  • Nach oben ↑
Menü
  • Agentur finden
  • Agentur eintragen
  • AGB
  • CSS
  • Datenschutzhinweise
  • Impressum
  • SEO
  • Webdesign
  • Websites
  • WordPress
  • Nach oben ↑
Wir verwenden Cookies, um Besucherzahlen zu messen. Mehr dazu in unserer Datenschutzerklärung. Einverstanden? EinstellungenIch stimme zu
Cookie-Einstellungen

Cookies im Überblick

Wir verwenden Cookies, mit denen wir analysieren und verstehen können, wie Sie diese Website nutzen. Auch kommen technisch notwendige Cookies zum Einsatz, bspw. für den Kunden-Login. Ferner verwenden wir auch Cookies von Drittanbietern. Diese Cookies werden nur mit Ihrer Zustimmung in Ihrem Browser gespeichert. Sie haben auch die Möglichkeit, diese Drittanbieter-Cookies zu deaktivieren. Das Deaktivieren dieser Cookies kann sich jedoch zulasten der Nutzererfahrung auswirken.
Notwendig
immer aktiv

Notwendige Cookies sind unbedingt erforderlich, damit die Website ordnungsgemäß funktioniert. Diese Kategorie enthält nur Cookies, die grundlegende Funktionen und Sicherheitsmerkmale der Website gewährleisten. Diese Cookies speichern keine persönlichen Informationen.

Nicht zwingen notwendige Cookies

Alle Cookies, die für die Funktion der Website nicht unbedingt erforderlich sind und zur Erhebung personenbezogener Daten des Benutzers über Analysen, Anzeigen und andere eingebettete Inhalte verwendet werden, werden als nicht erforderliche Cookies bezeichnet.

SPEICHERN UND AKZEPTIEREN