Auf einen Blick

Die wichtigsten Fakten zur App finden Sie hier:

  • Verbindung von Baustelle und Büro
  • Chatfunktion mit Datenaustausch
  • Integrierte Sprachmemo-Funktion
  • Such- und Filterfunktion
  • Scan-Funktion
  • Archivierung der Chats
  • Datenexport
  • Offline Verfügbarkeit
myCRAFTY Wireframe
myCRAFTY Wireframe
web-app-button

Die App

Mit der myCRAFTY App haben wir eine chatartige App entwickelt um Texte, Bilder, Audio, Video und Dokumente auszutauschen. Ziel ist es, das Handwerk zu digitalisieren, indem alle Mitglieder eines Projektes miteinander per Chat kommunizieren können. Die Registration ist per E-Mail-Adresse möglich. Meldet sich ein Nutzer das erste Mal an wird er gefragt, ob Push-Notifications und Standortzugriff der App erlaubt sind oder nicht. Durch die myCRAFTY App führt eine Navigation Bar mit den Kategorien Projekte, Suche, Archiv und Mehr.

Wird die App gestartet, öffnet sich automatisch die Kategorie Projekte. Hier wird eine Übersicht mit allen bereits angelegten Projekten angezeigt, welche chronologisch nach Erstellungsdatum, zuletzt geöffnet, zuletzt bearbeitet (wie bei z.B. Whatsapp sind dann neue Nachrichten immer ganz oben) oder alphabetisch sortiert werden können. Wenn der Zugriff auf den Standort genehmigt wird, können Projekte auch nach der Entfernung sortiert werden. Dadurch hat der User die Möglichkeit, nahe Baustellen automatisch ganz oben angezeigt zu bekommen.

Neues Projekt anlegen

Mit Klick auf den Plus-Button unten rechts im Screen kann der Nutzer ein neues Projekt anlegen. Für jedes neu angelegte Projekt muss ein Name und ein Farbtag angegeben werden. Zusätzlich können noch folgende Angaben ergänzt werden:

  • Adresse des Auftraggebers durch manuelle Eingabe oder per GPS-Funktion
  • Farbtag für das Projekt
  • Name, E-Mail-Adresse und Telefon des Kunden
  • Rechnungsadresse
  • Projektteilnehmer (durch Auslesen der Kontakte auf dem Endgerät)

Sind alle Informationen eingetragen, wird das Projekt erstellt und erscheint in der Projekte Übersicht. Selbst wenn keine Verbindung zum Internet besteht, werden die Projekte gespeichert und zu einem späteren Zeitpunkt zum Server hochgeladen. Der Projektleiter kann zu jedem Zeitpunkt die Daten des Projekts ändern und aktualisieren. Werden Mitglieder zu dem Projekt eingeladen, werden diese per Email darüber informiert. Hat sich ein betroffener User bereits registriert, erscheint das Projekt direkt bei ihm in der Übersicht.

iphone_x_mycrafty_newproject_white_new
iphone_x_mycrafty_newproject_black_new

Projekt Chat

Von der Projekte Übersicht aus gelangt der Anwender einfach in die jeweiligen Projekt-Chats, indem auf das jeweilige Projekt geklickt wird. In diesem Chat können alle Teilnehmer untereinander Nachrichten, Dateien, Fotos, Videos oder Sprachnachrichten versenden. Es gibt auch die Möglichkeit, innerhalb des Chats nach bestimmten Wörtern zu suchen. Hierzu muss nur auf die Lupe oben rechts im Screen geklickt werden. Dadurch kann der User nach Nachrichten filtern und optional auch angeben, von welchem Typ, Zeitraum und von welchem Nutzer diese Nachrichten stammen sollen. Ebenfalls oben rechts befinden sich drei kleine Punkte nebeneinander angeordnet. Klickt der Nutzer auf diese Punkte, erscheinen die zuvor getätigten Angaben zum Projekt, die hier bearbeitet werden können. Eine weitere Funktion ist die Navigation zur angegebenen Adresse, die dem Projekt hinzugefügt wurde. Hierzu muss lediglich auf Google Maps oder Karten zugegriffen werden. Ist das Projekt nicht mehr aktuell, kann es archiviert oder gelöscht werden.

iphone_x_mycrafty_chat_white_new
iphone_x_mycrafty_chat_black_new

Suche und Archiv

Bei der allgemeinen Suche in der App können einzelne Projekte gefunden werden, in dem der Name des Projektes oben eingegeben wird. Dadurch wird sowohl nach aktiven Projekten, als auch nach archivierten Projekten gesucht. Im Archiv werden alle Projekte aufgelistet, die bereits archiviert wurden. Hier kann ebenfalls nach Erstellungsdatum, zuletzt geöffnet, zuletzt bearbeitet oder alphabetisch gefiltert werden. Jedes Projekt kann direkt in der Übersicht wiederhergestellt werden, wodurch es wieder zu den aktiven Projekten verschoben wird.

Mehr

In dieser Kategorie können die App Einstellungen verwaltet und Informationen zum Datenschutz angesehen werden. Möglich ist hier ebenfalls eine Kontaktierung des Supports, falls es Fragen bezüglich der App geben sollte. Des Weiteren kann hier das Erklärvideo, welches nach der Registrierung gezeigt wird, erneut angesehen werden. Weitere Optionen sind das Leeren des Caches und der Logout. Unten im Screen sieht der Nutzer, welche Version der App aktiv ist.

Entwicklung

Für die Umsetzung der App wurde Google Firebase als mBaaS verwendet, wodurch Entwicklungskosten eingespart werden konnten. Die Apps für Android und iOS wurden nativ mit Java bzw. Swift entwickelt. Ebenso wurde die App für die Offline Nutzung optimiert, mit der die Nutzer sämtliche Funktionen auch offline verwenden können. Der Upload bzw. Download der Dateien erfolgt asynchron, es wurde hier eine Queue gebildet, in der sich die verschiedenen Dateien / Dokumente / Bilder / Sprachnachrichten zum Download einreihen. Gesendete Bilder im Chat werden lokal auf den Endgeräten herunterskaliert. Dieses Feature reduziert die Menge an versendeten Daten, insbesondere bei der mobilen Verwendung außerhalb eines WLANs.

Die Web App wurde mit Hilfe von AngularJS und Angular Material umgesetzt. Auch andere gängige Frameworks wie Bootstrap 4 wurden eingesetzt.

Mittels InVision wurden Klick-Modelle der App erstellt, um den Ablauf in der App nachvollziehen zu können.

mycraftywireframeoverview2x

Design

Bei der Gestaltung dieser App stand im Vordergrund, ein schlichtes und übersichtliches Design zu schaffen. Ein weiteres Ziel war es, die myCRAFTY App auch für ältere oder kleinere mobile Endgeräte zu optimieren. Dies wurde mit zwei verschiedenen Themes umgesetzt, so hat der User je nach Lichtverhältnissen auf der Baustelle die Wahl zwischen einem dunklen und einem hellen Theme. Standardmäßig ist das helle Theme aktiv.

Helles Theme

Orange
#EA6418

Light Grey
#f8f8f8

White
#FFFFFF

Dunkles Theme

Orange
#EA6418

Very Dark Grey
#222222

White
#FFFFFF

Distribution

Die myCRAFTY App steht im Google Play Store für Android und im App Store für iOS zum Download bereit. Außerdem gibt es eine Version für Desktop und PC, die in allen gängigen Browsern läuft.

myCRAFTY Google Play Store
myCRAFTY Apple Store
web-app-button

Hintergrundinformationen

Unser Kunde myCRAFTY ist ein Stuttgarter Startup der Pioniergeist GmbH mit dem Ziel, das Handwerk zu digitalisieren. Die Pioniergeist GmbH hat es sich zur Aufgabe gemacht, Startups und Unternehmen mit einem Programm zu fördern, indem besagte Teilnehmer miteinander arbeiten und kommunizieren.

Wollen auch Sie eine App entwickeln?

Sprechen Sie uns einfach an.