Mobile Anwendungsentwicklung mit Drupal und Flutter

Nach einer Menge mentaler, physischer und finanzieller Investitionen ist Ihre Website endlich auf dem richtigen Weg. Sie haben eine gute Zugkraft und halten mit aktualisierten Inhalten und regelmäßigen Überarbeitungen mit den Trends Schritt. Wenn Sie schließlich den Dreh raus haben, eine vollwertige Online-Präsenz auf Ihrer Website zu verwalten, ist der erste Gedanke, der Ihnen wahrscheinlich in den Sinn kommt, diese noch weiter auszubauen. 

Um ein breiteres Publikum zu erreichen, das mobile Erlebnis zu optimieren und eine alternative Marketinglösung aufzubauen, ist die Entwicklung mobiler Apps vielleicht der beste Weg, um die eigenen Geschäftspläne voranzutreiben. 

Was ist Flutter?

Flutter ist ein plattformübergreifendes Framework für die Entwicklung mobiler Anwendungen, eher ein Software Development Kit, das 2018 von Google entwickelt wurde. Es wird verwendet, um Anwendungen für verschiedene Betriebssysteme, sowohl mobil als auch Desktop, und das Web aus einer einzigen Codebasis zu erstellen. Es ist mit der Programmiersprache Dart geschrieben. Darüber hinaus ist Flutter eine Open-Source-Plattform und lädt Community-Beiträge in ihr Code-Repository ein. 

Seit seiner Einführung und der anschließenden Ausweitung auf die Entwicklung für Desktop und Web hat Flutter eine breite Akzeptanz und Expansion erfahren. Laut Stack Overflow Trends hat Flutter sowohl React Native als auch Xamarin in Bezug auf die Fragen zu ihren jeweiligen Technologien übertroffen. Google Trends zeigen ein zunehmendes Interesse der Nutzer an Flutter, wobei die Suchanfragen nach dem Framework seit den letzten zwei Jahren ebenfalls stark angestiegen sind, während Google auch behauptet, dass Flutter von über 500.000 Entwicklern für die App-Entwicklung angepasst wurde.

Warum Flutter verwenden?

Es gibt viele Optionen für die Entwicklung mobiler Anwendungen. Trotz der Existenz anderer ähnlicher Frameworks und der Tatsache, dass Flutter relativ neu auf dem Markt ist, ist Flutter in Bezug auf die Popularität weiterhin eines der erfolgreichsten App-Entwicklungsmodelle unter Entwicklern. Dies lässt sich auf die folgenden Gründe zurückführen -

Widgets

Flutter erleichtert die Entwicklungsarbeit durch die Verwendung von Widgets. Widgets sind Bausteine, die jeweils einen Teil der Benutzerinteraktion und -erfahrung (UI und UX) ermöglichen. Zustandslose Widgets sind statische Frameworks, die keine Daten speichern und dazu dienen, Ihre Eingaben zu optimieren. Beispielsweise können Sie mit dem Text-Widget stilisierten Text erstellen, und mit den Row- und Column-Widgets können Benutzer Layouts in vertikaler und horizontaler Richtung erstellen. In ähnlicher Weise erstellt das Container-Widget ein rechteckiges, enthaltenes Layout-Visual mit Rändern und Abständen. Box Decoration kann verwendet werden, um das Rechteck anzupassen. Wenn das betreffende Widget dagegen bei Aktivierung eine Funktion ausführt, wird es als zustandsbehaftetes Widget bezeichnet. Beispiele für solche Widgets in Flutter sind InkWell, Checkbox usw. Daher muss nicht alles von Grund auf neu formuliert werden, da verschiedene vorgefertigte Layout-Builder-Widgets für den Entwickler verfügbar sind.

Open Source

Was Flutter von seinen Mitbewerbern abhebt, ist, dass es sich um eine Open-Source-Plattform handelt. Es gibt verschiedene Möglichkeiten, wie ein Open-Source-Modell seinen Fortschritt gegenüber proprietären Modellen in der Softwareentwicklung aufbaut. Wenn die Sache von der Community getragen wird, gibt es immer eine gewisse Proaktivität sowohl von den Benutzern als auch von den Eigentümern, um auf Verbesserung und Wachstum hinzuarbeiten. Ohne proprietäre Einschränkungen kann sich die Entwickler-Community frei am Wissensaustausch, an Codeänderungen und an der Diskussion damit verbundener Herausforderungen beteiligen, was zu einer besseren Fehlerbehebung in Bezug auf Analyse und Häufigkeit führt. Daher bedeutet die Wahl von Flutter für die Anwendungsentwicklung ein flexibles Framework, das für Anpassungen offen ist und über eine Community verfügt, mit der Sie Ihre daraus resultierenden Probleme diskutieren und lösen können. Um mehr über die Leistungsfähigkeit von Open Source zu erfahren, lesen Sie wie Open-Source-Communities zusammenarbeiten, wie sehr Beiträge geschätzt werden, warum große Unternehmen an Open Source glauben, warum Open Source rezessionssicher ist und nicht zuletzt wie sich Open Source während der Covid-19-Pandemie ausgewirkt hat.

Einzige Codebasis und plattformübergreifend

Obwohl Flutter 2017 als Framework für die Entwicklung mobiler Anwendungen für Android und iOS auf den Markt kam, expandierte es im folgenden Jahr schnell in die Bereiche Mobile, Desktop und Web und wurde mit mehreren Geräten kompatibel. Ein großer Vorteil von Flutter gegenüber anderen ähnlichen Frameworks für die App-Entwicklung ist, dass es eine einzige Codebasis zum Kompilieren von Anwendungen hat, d. h. es ist nicht erforderlich, separat für verschiedene Betriebssysteme und Geräte zu codieren, was eine nahtlose gleichzeitige App-Erstellung ermöglicht, selbst wenn Sie gleichzeitig mit mehreren Plattformen und Geräten arbeiten. Dies macht Flutter sowohl entwickler- als auch benutzerfreundlich, da der Inhalt nur einmal formuliert werden muss und mit den meisten Geräten kompatibel ist, von denen aus man darauf zugreifen möchte.

Dart 

Flutter verwendet eine Programmiersprache namens Dart, die eine relativ einfache Sprache mit einer geringen Lernkurve ist. Ihre Funktionen ähneln ein wenig anderen Sprachen, sind aber in eine einzigartige Syntax und Infrastruktur eingebettet. Daher müssen Entwickler, die Flutter verwenden, nicht viel Zeit und Mühe in den Prozess des Erlernens der Grundlagen und des Erstellens von Anwendungen investieren, was das Framework ideal für Benutzer fast aller Erfahrungsstufen macht. Aus diesem Grund eignet sich Flutter aufgrund der Einfachheit der Programmiersprache auch für kleine Unternehmen oder Startups, die sich keine erfahrenen Entwickler in ihrem Team leisten können. 

Integrierte Tools

Die Integration der Codebasis an einem einzigen Ort beschleunigt und vereinfacht auch das Codieren, da die Hot-Reload-Funktion jede Änderung im Quellcode aktualisiert, sodass Entwickler die Änderungen im Code in Echtzeit sehen können. Die Arbeitskultur wird in einem solchen Fall transparent und hindernisfrei. Zu den Tools für den Entwicklerkomfort gehört auch ein Paket namens DevTools, eine Zusammenstellung von Leistungs- und Debugging-Tools, die sowohl für Flutter als auch für Dart verwendet werden sollen. DevTools befindet sich derzeit in der Beta-Version und wird überarbeitet.

Drupal für die Entwicklung mobiler Apps

Wenn wir über die Entwicklung von Anwendungen sprechen, bleibt unser gutes altes CMS (Content Management System) Drupal ein wichtiger Akteur auf dem Markt. Die Bandbreite an mobilen Apps, die Drupal liefern kann, ist beeindruckend. Die ständige Weiterentwicklung und Anpassung von Drupal hat sich in der riesigen Nutzerbasis des CMS manifestiert, die derzeit über 600.000 Websites hostet. 

Die Nutzungsstatistiken für Drupal im Laufe der Jahre sind in diesem Diagramm dargestellt -

Drupal ist auch in verschiedenen Branchen stark vertreten.

Dementsprechend hat Drupal im Bereich der Entwicklung mobiler Apps im Laufe der Jahre erhebliche Fortschritte gemacht.

• Als API-First-CMS erleichtert Drupal die reibungslose Kommunikation mit jeder Anwendung. Es sind diese APIs, die Drupal mit der mobilen Anwendung verbinden.
• Drupal bietet zahlreiche Entwicklungskits, Bibliotheken, Module und Beispiel-Apps, um die Anwendungsentwicklung zu erleichtern. Dies vereinfacht die Aufgabe eines Drupal-Entwicklers, der sich möglicherweise gut mit PHP, MySQL und HTML auskennt, aber nicht so sehr mit gerätespezifischen nativen Programmiersprachen für mobile Apps wie Java oder Swift. Elemente in Drupal wie Waterwheel Swift und OneDrupal Android helfen in vielerlei Hinsicht, die Lücke zu schließen. 
• Die Anwendungsentwicklung wird in Drupal durch die nahtlose Kompatibilität mit App-Entwicklungs-Frameworks wie Vue, React, Angular und Flutter noch einfacher. Drupal lässt sich gut mit all diesen Frameworks kombinieren, um schnelle und reaktionsschnelle Anwendungen sowohl für das Web als auch für mobile Geräte zu erstellen. 

Der Hauptgrund, warum ein Unternehmen eine mobile App entwickeln möchte, ist, ein breiteres Publikum zu erreichen und die Marketingmöglichkeiten zu erweitern. Da sowohl Drupal als auch Flutter große Teile des kommerziellen Spektrums einnehmen, wollen wir etwas tiefer eintauchen, wie diese zusammen verwendet werden können. 

Fallstudie: Drupal mit Flutter 

Die größte Stärke von Drupal ist seine Fähigkeit, sich an jede Anpassung anzupassen, und falls eine Anpassung nicht existiert, ist die Erstellung einer API für Ihre Anforderungen immer eine Option. Drupal ermöglicht die Entkopplung und Verbindung mit Flutter über seine Webdienste wie REST-API. Kürzlich hatte Opensense Labs die Möglichkeit, ein Projekt von einem führenden Medien- und Verlagsunternehmen in Malaysia zu übernehmen. 

Die Hauptziele waren - 

• Die Sanierung einer bereits bestehenden, aber schlecht gewarteten Website.

Die Website wurde zuvor auf WordPress aufgebaut, aber das Unternehmen wollte auf Drupal CMS umsteigen, um die Verwaltung der ständig erneuerten, großen Inhaltsmenge und die effiziente Mehrkanalbereitstellung zu verbessern. 

• Die Entwicklung einer mobilen App, die die gleichen Daten wie die Website enthält, von Grund auf neu.

Um ein breiteres Publikum zu erreichen und die UX zu verbessern, sollte eine App erstellt werden, um die Leser schneller zu erreichen. Hier kam Flutter ins Spiel.

Prozesse und Lösungen -

Zu Beginn bestand die Hauptaufgabe darin, von Wordpress zu Drupal zu migrieren und Drupal mit Flutter zu verbinden:

• Da die Website Nachrichten und Medien mit zahlreichen täglich veröffentlichten Berichten behandelte, mussten über 30.000 Artikel migriert werden. Die Inhaltsmigration zu Drupal wurde durch die Befolgung von Prozessen wie dem Schreiben von benutzerdefinierten Drush-Befehlen unter anderem erreicht.
• Die Rest-API wurde verwendet, um Drupal und Flutter zu verbinden. Während Drupal als leistungsstarkes Backend für die Verwaltung von Inhalten fungierte, half Flutter beim Aufbau einer nativen mobilen App.

Auf dem Weg dorthin wurden einige größere Hürden in Bezug auf Leistung und Skalierbarkeit angegangen:

• Da es sich um eine Nachrichten-Website handelte, war der Traffic ziemlich inkonsistent, was zu einigen Fehlfunktionen führte. Um dies zu beheben, wurde die gesamte Infrastruktur auf AWS aufgebaut, was die Verwendung von Auto-Scaling und Scheduled Scaling ermöglichte. Dies stellte sicher, dass die Anzahl der Instanzen erhöht und verringert wurde, je nachdem, wann der Traffic einen Anstieg bzw. einen Rückgang verzeichnete.
• Obwohl die APIs erstellt wurden, gab es aufgrund der großen Inhaltsmenge auf der Website einige Leistungsprobleme, da täglich zahlreiche Nachrichtenartikel veröffentlicht wurden. Die richtige Verwendung von Cache-Tags half schließlich, die Leistung zu verbessern.

Um sicherzustellen, dass die Website und die Anwendung optimal funktionieren und mit den Zielen des Unternehmens übereinstimmen,

• Firebase wurde verwendet, um Push-Benachrichtigungen zu aktivieren, und den Administratoren wurde eine manuelle Berechtigung zum Senden von Benachrichtigungen erteilt, sodass kein Raum für Fehler blieb.
• Für Anzeigen wurde das DFP-Modul (DoubleClick For Publishers) verwendet, um Anzeigen von Google zu schalten. Interstitial-Anzeigen wurden zwischen der Länge der Artikel platziert, um maximale Klicks zu erzielen. Ein grundlegendes Maß an Anzeigenoptimierung wurde ebenfalls vom Team durchgeführt, um bessere Einnahmen zu gewährleisten. 
• Die Upvote- und Downvote-Funktion für die Nachrichtenartikel wurde mithilfe des Voting API-Moduls aktiviert.

Fazit

Drupal und Flutter sind beide bedeutende Akteure im Softwarebereich. Wir werden wahrscheinlich noch viele weitere Anwendungsfälle sehen, in denen die Wirksamkeit von Drupal und Flutter genutzt wird, um nahtlose mobile Anwendungen zu formulieren.