Im Rahmen meiner Bachelorarbeit entwickelte ich einen programmierten Prototypen der progressiven Web App «Post Creator» (https://postcreator.ch/).

Das ist Post Creator

Nutzer der PWA Post Creator können Vorlagen für Social Media Posts erstellen und mit Organisationen teilen. Mitglieder dieser Organisationen können die Vorlagen benutzen, um eigene Posts zu erstellen und direkt auf Social Media zu posten. Dabei können in der Vorlage Eigenschaften von Elemente gesperrt werden, damit diese von den Organisationsmitgliedern nicht aus Versehen verändert werden.

Konzept

In einer Konzeptphase bestimmte ich die Zielgruppe von Post Creator und erarbeite Personas und Nutzerszenarien. Ausserdem führte ich eine Konkurrenzanalyse durch und erstellte eine SWOT-Analyse von Post Creator. Ich konzipierte das Logo und einen Styleguide, erstellte Scribbles und ein Mockup der PWA in Adobe XD.

Programmierung

Grundsätzlich habe ich die PWA mit den Programmiersprachen JavaScript und PHP entwickelt. Ausserdem wurde das JavaScript Framework Fabric.js eingesetzt, welches es erlaubt Elemente innerhalb eines HTML Canvas durch die Benutzer hinzuzufügen und zu verschieben. Die Posts sowie die Vorlagen werden danach als JSON in einer MySQL-Datenbank gespeichert.

Ausblick

Post Creator ist erst ein Prototyp. Einige Funktionen, z.B. das Erstellen eines eigenen Accounts, müssen zwingend noch umgesetzt werden, damit die PWA von jedermann genutzt werden kann. Ausserdem gibt es in den bestehenden Funktionen noch Bugs und Sicherheitslücken. Und natürlich hat Post Creator sehr viele Skaliermöglichkeiten. Doch der programmierte Prototyp zeigt sehr gut das Potential von Post Creator.

Login

Mit folgenden Zugangsdaten können Sie sich unter https://postcreator.ch/ einloggen:

E-Mail: digezz@postcreator.ch
Passwort: mMp!