[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/www.iwelt.de\/cross-plattform-entwicklung-mit-flutter\/#BlogPosting","mainEntityOfPage":"https:\/\/www.iwelt.de\/cross-plattform-entwicklung-mit-flutter\/","headline":"Cross-Plattform-Entwicklung mit Flutter","name":"Cross-Plattform-Entwicklung mit Flutter","description":"Flutter, Googles Open Source Framework zur Entwicklung mobiler Apps, verfolgt den Ansatz,\u00a0plattform\u00fcbergreifende Entwicklung zu erm\u00f6glichen. Auch die iWelt konnte mit Flutter bereits erfolgreich Projekte umsetzen. Schon bevor Google am 4. […]","datePublished":"2019-07-30","dateModified":"2019-08-01","author":{"@type":"Person","@id":"https:\/\/www.iwelt.de\/author\/johanna-baumgart\/#Person","name":"Johanna","url":"https:\/\/www.iwelt.de\/author\/johanna-baumgart\/","identifier":32,"image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/a07826e4c0329dd425602f91f38f50276a8aedcb54462641d15b01f8458bc0cf?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a07826e4c0329dd425602f91f38f50276a8aedcb54462641d15b01f8458bc0cf?s=96&d=mm&r=g","height":96,"width":96}},"image":{"@type":"ImageObject","@id":"https:\/\/www.iwelt.de\/wp-content\/uploads\/Flutter-1.png","url":"https:\/\/www.iwelt.de\/wp-content\/uploads\/Flutter-1.png","height":1170,"width":1664},"url":"https:\/\/www.iwelt.de\/cross-plattform-entwicklung-mit-flutter\/","about":["iWelt-News","News"],"wordCount":736,"articleBody":"Flutter, Googles Open Source Framework zur Entwicklung mobiler Apps, verfolgt den Ansatz,\u00a0plattform\u00fcbergreifende Entwicklung zu erm\u00f6glichen. Auch die iWelt konnte mit Flutter bereits erfolgreich Projekte umsetzen.Schon bevor Google am 4. Dezember 2018 die Version 1.0 seines Cross-Plattform-Framework vorgestellt hat, war die neue Technologie f\u00fcr die iWelt interessant. Das Konzept der Cross-Plattform-Entwicklung ist keine Neuheit. Auch vorher gab es schon SDKs (Software Development Kits), die weltweit in gro\u00dfen Projekten benutzt wurden, wie zum Beispiel Cordova oder Xamarin. Doch was unterscheidet Flutter von anderen Cross-Plattform-SDKs?Welche Vorteile bietet Flutter?Ein gro\u00dfer Vorteil von Flutter ist, dass der Code auf dem Endger\u00e4t nicht interpretiert wird, sondern vor der Installation in nativen plattformspezifischen Code kompiliert wird. Eine damit entwickelte App liefert 60 Bilder pro Sekunde (also 60 fps). Dadurch hat man, neben einer besseren Performance, auch den Vorteil, dass man auf alle Ressourcen des Ger\u00e4tes zugreifen kann.\u00a0Programmieren mit FlutterFlutter Apps werden mit Dart programmiert. Diese Open-Source-Programmier-Sprache wird ebenfalls von Google entwickelt. Der Einstieg gelingt sehr schnell. Dank der Einf\u00fchrung auf der Website[1], k\u00f6nnen in wenigen Minuten alle Schritte von der Installation bis hin zum Test der ersten Demo-App durchgef\u00fchrt werden.Flutter ist darauf ausgelegt, optisch ansprechende, dynamische Benutzeroberfl\u00e4chen zu generieren. Jede Komponente, wie beispielsweise ein Button, Textfeld, oder auch ein Theme ist ein sogenanntes \u201eWidget\u201c. Diese k\u00f6nnen in vielen beliebigen Varianten miteinander kombiniert werden. Man kann aus einem gro\u00dfen Katalog aus Material- oder Cupertino-Style Widgets ausw\u00e4hlen oder eigene Widgets erstellen. Widgets k\u00f6nnen einfach, \u00e4hnlich eines Baukastensystems, zu einer modernen Benutzeroberfl\u00e4che zusammengestellt werden. Auch Animationen k\u00f6nnen mit wenig Zeilen Code hinzugef\u00fcgt werden. Auf welchen Devices funktioniert Flutter? Momentan ist das Flutter-Framework darauf ausgelegt, Apps f\u00fcr Android- und iOS-Ger\u00e4te exportieren zu k\u00f6nnen. Es gibt aber bereits Ans\u00e4tze von Google, die es erm\u00f6glichen, Flutter-Apps auf anderen Betriebssystemen, wie MacOS, Windows und Linux, laufen zu lassen.Au\u00dferdem gibt es das Projekt \u201eHummingbird\u201c, das den Dart-Code in JavaScript umwandelt und es somit m\u00f6glich macht, Flutter-Apps in Webbrowsern laufen zu lassen. Dieses Feature steht seit der Google I\/O am 07.05.2019 bereits als \u201eTechnical Preview\u201c unter dem Namen \u201eFlutter for web\u201c zur Verf\u00fcgung[2]. Auch f\u00fcr den Fall, dass Google in Zukunft das Betriebssystem Android mit Fuchsia[3]ersetzt, ist man gewappnet, denn es ist heute bereits m\u00f6glich Fuchsia-Apps mit Flutter[4]zu entwickeln. Teile der Watchfaces der k\u00fcrzlich vorgestellten Smart Clock von Lenovo sind mit Flutter implementiert[5]. Das zeigt, dass Flutter in Zukunft noch wertvoller werden kann, da die entwickelten Programme m\u00f6glicherweise auf den meisten Ger\u00e4ten verf\u00fcgbar sein k\u00f6nnten.Wo kommt Flutter bei der iWelt zum Einsatz?Im Rahmen einer Bachelorarbeit nutzte die iWelt die M\u00f6glichkeiten, Flutter im Rahmen eines realen Projekts f\u00fcr die W\u00fcrzburger Basketballmannschaft zu evaluieren. Ziel war es, die bis dahin nur unter iOS verf\u00fcgbare App der \u201es.Oliver W\u00fcrzburg\u201c neu in Flutter zu entwickeln. Die neue App sollte dann ebenfalls f\u00fcr Android erh\u00e4ltlich sein und den neuen Magento 2 Shop nativ anstatt \u201enur\u201c als WebView (siehe Abbildungen) einbinden. Die bekannten Funktionen wie Tabelle, Spielplan, Liveticker und News sollten ein moderneres Design bekommen. Auch Push-Benachrichtigungen f\u00fcr anstehende Livespiele oder Ank\u00fcndigen von neuen Produkten im Fanshop sollten \u00fcber die neue App empfangen werden k\u00f6nnen.Die Umsetzung begann im November 2018. Bereits nach weniger als 6 Wochen im November konnte ein erster Stand pr\u00e4sentiert werden, der alle geforderten Features abdeckte.Seitdem wurden weitere Projekte mit Flutter umgesetzt.Gemeinsam mit der Firma Beck, ein deutschlandweit agierendes Elektrotechnik Unternehmen aus W\u00fcrzburg, wurde eine in das Lagerwesen integrierte App entwickelt. Diese erm\u00f6glicht es den Au\u00dfendienstmitarbeitern vor Ort beim Kunden die ben\u00f6tigten Teile im Produktkatalog zu finden und direkt zu bestellen. Au\u00dferdem konnte das Framework auch schon in einem komplexen IoT (Internet of Things)Projekt eingesetzt werden. Die Einbindung verschiedener Sensoren (Kamera, Bluetooth) gelingt damit ebenso einfach wie die Einbindung einer nativen Google Maps Karte. Viele Funktionen des Google Firebase Pakets werden ebenfalls in Flutter unterst\u00fctzt. Dadurch konnten u.a. auch Machine Learning Algorithmen in unseren Flutter Apps genutzt werden.Die Erfahrungen haben gezeigt, dass die Entwicklung einer Flutter-App f\u00fcr iOS und Android nur etwa 50 \u2013 60 Prozent der Entwicklungszeit beansprucht, die es ben\u00f6tigt, beide Apps nativ umzusetzen.Auch die App f\u00fcr die kommende Main.IT am 26.09.2019 wird mit Flutter umgesetzt.    "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Cross-Plattform-Entwicklung mit Flutter","item":"https:\/\/www.iwelt.de\/cross-plattform-entwicklung-mit-flutter\/#breadcrumbitem"}]}]