Der Mendix 8 Ankündigungen bei Mendix World 2019 hatte einen enormen Einfluss, wie wir an den vielen positiven Rückmeldungen unserer Kunden, Partner und Kollegen erkennen können. Heute freue ich mich sehr, die öffentliche Betaversion von bekannt zu geben Mendix Studio Pro 8!
Der Mendix 8 ist die erste von mehreren Ankündigungen, die Ihnen neue Funktionen bieten. Es gibt Mendix Studio Pro (früher bekannt als Desktop Modeler), das weltweit modernste Low-Code-Entwicklungsumgebung das Entwicklern Kontrolle gibt und gleichzeitig hochgradig erweiterbar ist. Darüber hinaus Mendix Studio (früher bekannt als Web Modeler) erblickt nun das Licht der Welt. Als weltweit leistungsstärkste No-Code-Entwicklungsumgebung Mendix Mit Studio können Unternehmen ganz einfach ihre erste App erstellen. Wir werden mehr darüber erfahren. Mendix Studio in einem späteren Blogbeitrag!
Heute werde ich erklären, wie man mit Low-Code Mendix Mit Studio Pro 8 können Sie wirklich native mobile Apps erstellen, die ein benutzerfreundliches Erlebnis bieten. Dies ist nicht nur eine Funktion, sondern eine wichtige neue Fähigkeit. Traditionell ist die native mobile Entwicklung sehr komplex und teuer, aber wir machen sie durch einen Low-Code-Ansatz zugänglich. Und das für mehrere Plattformen aus einem einzigen Modell.
Auch hier sind wir die Ersten, die das tun.
Warum natives Mobile?
In den letzten Jahren sind die Erwartungen an das Benutzererlebnis gestiegen, Mobilgeräte wurden leistungsfähiger und Mobilgeräte wurden zu einem dominierenden Kanal. Wenn es beispielsweise um Bankgeschäfte geht, verwenden viele Benutzer eine mobile App anstelle einer Website, da diese benutzerfreundlicher ist und die Möglichkeit besteht, mit nur einem Fingerabdruck zu bezahlen. Das Benutzererlebnis ist bei der Entwicklung von Apps für Verbraucher von entscheidender Bedeutung, da eine schlechte UX zu Markenschäden, geringerer Konversion und dazu führen kann, dass Benutzer zur Konkurrenz wechseln.
Eine großartige Benutzererfahrung ist nicht nur für Verbraucher-Apps wichtig. Wir sehen auch viele Anwendungsfälle für Business-to-Business-Apps, bei denen die UX entscheidend ist und neue (innovative) Geschäftsmodelle durch native Mobiltechnologie ermöglicht werden. Denken Sie an ein Unternehmen, das Heizkessel verkauft und von anderen Unternehmen abhängig ist, die diese installieren und warten. Dieses Unternehmen kann Mechanikern eine großartige native App zur Verfügung stellen, die sich mit den Heizkesseln verbindet (für eine schnelle Installation und Inspektion) und mit der neue Teile bestellt oder neue Heizkessel verkauft werden können. Indem die Mechaniker effizienter werden, kann die Markenakzeptanz gesteigert werden, was zu höheren Umsätzen führt.
Native Mobile ist auch in Business-to-Employee-Szenarien von großem Wert, da es die Effizienz der Mitarbeiter steigern kann. Dies alles geht Hand in Hand mit der Nutzung nativer Gerätefunktionen, der Möglichkeit, mit anderen Geräten und Dingen zu kommunizieren und Aufgaben ohne Verbindung auszuführen. Stellen Sie sich einen Außendiensttechniker vor, der Inspektionen an entfernten Standorten in Fabriken durchführen muss, wo entweder keine Verbindung besteht oder keine Verbindung erlaubt ist. Eine offlinefähige App, die sich mit Maschinen verbinden, Sensordaten lesen und Anweisungen für das Vorgehen geben kann, ermöglicht es dem Techniker, ohne Verbindung viel effizienter und weniger fehleranfällig zu arbeiten.
Native Mobile ist der Weg in die Zukunft, um Ihren Kunden und Mitarbeitern das Erlebnis zu bieten, das sie sich wünschen und verdienen.
Um die nächste Generation mobiler Apps zu entwickeln, Mendix erachten Sie die folgenden Aspekte als sehr wichtig.
- Erstklassiges Benutzererlebnis durch echte native Technologie
Mithilfe nativer Mobiltechnologie können Entwickler wirklich native Apps erstellen, die sich in Bezug auf Leistung, Schnelligkeit, Navigation und Gesten (wie Wischen zum Zurückgehen) so verhalten, wie Benutzer es erwarten. Dies geht mit der Nutzung der leistungsstarken Funktionen einher, die Geräte heutzutage bieten, wie biometrische Authentifizierung, Kamerafunktion, Bluetooth und neuere Technologien wie Augmented Reality. Nur mit nativer Technologie können Sie dieses hohe Maß an Benutzererfahrung erreichen und alle diese Gerätefunktionen nutzen.
2. Zuverlässig & schnell durch Offline-First-Ansatz
Eine großartige Benutzererfahrung wird nicht nur mit nativer Technologie erreicht. Es ist sehr wichtig, dass der Benutzer seine Aufgaben immer ausführen kann, auch wenn keine oder nur eine schwache Verbindung besteht (was häufiger vorkommt, als Sie denken). Stellen Sie sich vor, Sie hätten einen Autounfall und können die App Ihres Versicherers nicht verwenden, oder ein Ingenieur muss einen Standort inspizieren, kann dies aber nicht, weil keine Verbindung besteht. Es gibt noch viele weitere Beispiele, bei denen eine fehlende Verbindung zu einer schlechten Benutzererfahrung führt.
Es ist wichtig zu bedenken, dass die App langsam reagiert, wenn der Benutzer ständig auf eine Verbindung angewiesen ist und diese Verbindung langsam ist. Dies führt wiederum zu einer schlechten Benutzererfahrung.
Wir sehen eine starke Nachfrage nach der Entwicklung von Apps, die immer funktionieren, unabhängig vom Verbindungsstatus. Deshalb haben wir uns für einen Offline-First-Ansatz entschieden. Dieser ist nicht auf eine Verbindung angewiesen, aber eine Verbindung kann genutzt werden, wenn sie besteht. Weitere Informationen zu Offline-First finden Sie weiter unten.
3. Tolle und leistungsstarke Entwicklererlebnisse
Aus diesem Grund haben wir native, auf Mobilgeräte ausgerichtete Funktionen hinzugefügt, mit denen Sie schnell ansprechende Apps erstellen und leistungsstarke Gerätefunktionen problemlos nutzen können.
Darüber hinaus trägt native Technologie dazu bei, die Entwicklererfahrung im Vergleich zur Verwendung von Hybrid-/Webtechnologie zu verbessern. Das liegt daran, dass Entwickler keine Zeit damit verbringen müssen, natives Verhalten nachzuahmen oder sich mit mobilen Problemen im Zusammenhang mit Webtechnologie zu befassen.
4. Modernste und zukunftssichere Technologie: React Native
Für die zugrundeliegende Technologie verwenden wir React Native, ein weit verbreitetes und sehr beliebtes Open-Source-Framework, das von Facebook ins Leben gerufen wurde. Es gibt einige großartige Beispiele für Apps, die mit React Native erstellt wurden, und wir verwenden dieselbe Technologie!
Weitere großartige Präsentationen finden Sie unter Wer verwendet React Native?.
Ein weiterer großer Vorteil von React Native ist, dass es eine große Entwickler-Community gibt, die Komponenten für großartige Visualisierungen erstellt und Komponenten erstellt, die Gerätefunktionen nutzen, die problemlos in Ihr System integriert werden können. Mendix Apps. Aufgrund dieser großen Community und der weiten Verbreitung von React Native handelt es sich hierbei um hochwertige Komponenten, die aktiv gepflegt werden.
Wie funktioniert es?
Um dies alles zu ermöglichen, haben wir der Plattform mehrere neue Features und Fähigkeiten hinzugefügt, die es Ihnen ermöglichen, großartige native mobile Apps.
Neues natives Navigationsprofil
Eine Stärke von Mendix ist, dass Sie mithilfe von Navigationsprofilen Funktionen über verschiedene Kanäle einer einzigen App bereitstellen können. Native Mobile wurde als neues Navigationsprofil hinzugefügt, was bedeutet, dass Sie neben Ihren vorhandenen Kanälen (z. B. Web- und Hybrid-Apps) eine native mobile App hinzufügen können.
Ähnliche Entwicklererfahrung
Du kannst bauen Mendix native mobile Apps auf die gleiche Weise, wie Sie Web- und hybride mobile Apps erstellen. Sie können alle bekannten Mendix Komponenten – wie Seiten, Widgets, Nanoflows, JavaScript-Aktionen und Microflows – zum Erstellen Ihrer nativen App.
Es gibt jedoch einige Unterschiede zwischen der Erstellung nativer Apps und der Erstellung hybrider Apps. Beispielsweise ist der Satz von Widgets (und deren verfügbaren Eigenschaften) etwas anders, um die mobile Nutzung zu optimieren. Genauer gesagt können Sie jetzt eine Pulldown-Aktion in einer Listenansicht auswählen, um eine Aktualisierung durchzuführen.
Wir legen großen Wert auf die Zusammenarbeit bei Mendix, also jeder Mendix Die native mobile App verfügt über ein Feedback-Widget, mit dem Benutzer Feedback zur App geben können.
Eine weitere spannende neue Funktion ist, dass Sie den Anmeldevorgang für Ihre App vollständig modellieren können. Dies ermöglicht Entwicklern, ein großartiges Authentifizierungserlebnis zu schaffen. Um dies zu vereinfachen, sind eine Standard-Anmeldeseite und eine biometrische Authentifizierung sofort verfügbar.
Zusammenfassend lässt sich sagen, dass Sie kein mobiles Wunderkind sein müssen, um großartige mobile Apps zu entwickeln. Ihre bestehenden Mendix Wissen ist genug.
Make It Native-App
Mit der mobilen App Make It Native (verfügbar für Android und iOS). Wenn Sie eine Änderung an Ihrer App vornehmen, drücken Sie die Wiedergabetaste und die App wird automatisch neu geladen. Ihre Änderungen werden sichtbar, während der ursprüngliche Zustand erhalten bleibt, sodass Sie sich immer noch auf derselben Seite mit denselben Daten befinden. Dadurch entsteht ein sehr kurzer Feedback-Zyklus. Darüber hinaus können Sie beispielsweise nach Änderungen am Styling mit einem einfachen Drei-Finger-Tab die App neu laden.
Native Mobile Quickstart-App
Wir haben die Native Mobile-Schnellstart App in der Mendix App Store als Starter-App, mit der Sie schnell eine native mobile App erstellen können. Sie ist sofort einsatzbereit und enthält alle nativen Widgets und Aktionen, die die Gerätefunktionen nutzen.
Themen und Styling
Atlas UI enthält jetzt ein schönes, sofort einsatzbereites Design für native Mobilgeräte. Dies ist ein vollständiges Design mit Stilen und Variationen für alle Widgets zusätzlich zu Seitenvorlagen. In Zukunft werden noch mehr Seitenvorlagen hinzugefügt.
Mendix Widgets enthalten Designeigenschaften, mit denen Sie neben vielen anderen nützlichen Optionen (wie etwa dem Abstand um das Widget herum) problemlos allgemeine Stiloptionen (die sich auf das Erscheinungsbild des Widgets auswirken) konfigurieren können.
Theming und Styling basieren auf JavaScript statt auf SASS/CSS und sind für mobile Anwendungsfälle optimiert. Die Zeiten, in denen man CSS-Tricks für eine gute UX anwenden musste, sind mit diesem für Mobilgeräte optimierten Styling vorbei! Es ist gut zu wissen, dass dies CSS ähnelt, aber es gibt auch einige Unterschiede. Weitere Informationen finden Sie unter Natives Styling und So erstellen und testen Sie eine native mobile App in England, Mendix Dokumentation.
Da das Styling auf JavaScript basiert, können JavaScript-Funktionen und -Variablen verwendet werden, die sehr leistungsfähig sein können. Sie können eine einzelne Variable umdrehen und ein dunkles Design erhalten. Wie cool ist das denn?
Neue Nanoflow-Aktionen
Mit dieser Version haben wir über 50 neue Nanoflow-Aktivitäten hinzugefügt! Diese sind in der Native Mobile Quickstart-App enthalten, Sie können sie aber auch über zwei Module im Mendix App Store.
Der Native Mobile-Ressourcen Das Modul enthält native, mobile Nanoflow-Aktivitäten, die native Gerätefunktionen wie Kamera, Standort, Fingerabdruck und Speicher sowie andere Gerätefunktionen wie Navigation, Datenfreigabe, Anzeige von Benachrichtigungen und mehr nutzen.
Neben den Native Mobile Resources gibt es die NanoflowCommons Modul, das allgemeinere Aktionen enthält, die nicht nur für native Apps, sondern auch für Web- und Hybrid-Apps verwendet werden können.
Schließlich haben wir die folgenden Nanoflow-Aktionen direkt zu Studio Pro hinzugefügt: Listenoperationen, Listenaggregation und Nachricht anzeigen.
JavaScript-Aktionen mit integriertem Editor
Ein weiteres tolles Feature in Mendix 8 ist, dass es jetzt möglich ist, eigene Nanoflow-Aktionen mit JavaScript zu erstellen. Diese steckbaren Nanoflow-Aktionen – in Studio Pro JavaScript-Aktionen genannt – können verwendet werden, um Gerätefunktionen zu nutzen oder jede Art von Logik auszuführen. JavaScript-Aktionen sollten bereits recht vertraut sein Mendix Entwickler, da sie Java-Aktionen ähneln. Und Sie finden die beliebtesten Funktionen von Java-Aktionen: verschiedene Parametertypen, die Bereitstellung als Nanoflow-Aktivität in der Studio Pro Toolbox sowie die Verpackung und Verteilung über öffentliche oder private Mendix App Store.
Was JavaScript-Aktionen wirklich auszeichnet, ist die Möglichkeit, sie zu bearbeiten, ohne sie zu verlassen. Mendix Studio Pro. Direkt in der Registerkarte Code des JavaScript-Aktionsdokuments ist ein leistungsstarker Editor integriert. Dieser basiert auf dem Monaco-Verlag, der Editor, der die beliebteste IDE unterstützt, Visual Studio Code. Dieser Editor bietet ein großartiges Erlebnis, da er intelligente kontextabhängige Autovervollständigung, eingebettete Dokumentation im Web und Mendix APIs, korrekte Einrückungen und codefreundliche Tastenkombinationen.
JavaScript-Aktionen eröffnen eine Welt neuer Möglichkeiten und verbessern die Entwicklererfahrung, da es eine bessere Trennung zwischen UI-Komponenten und Aktionen gibt. Weitere Informationen zum Erstellen Ihrer eigenen JavaScript-Aktion finden Sie unter So schreiben Sie JavaScript-Aktionen.
Native Widgets
Mit dieser Version haben wir eine große Auswahl an Widgets hinzugefügt, damit Sie sofort mit der Erstellung von Rich-Apps beginnen können. Es stehen viele Kern-Widgets zur Verfügung, wie Text, Eingabetypen, Schaltflächen, Listen, Container und Registerkartencontainer. Und jetzt gibt es ein Karten-Widget, einen Fortschrittsbalken, einen Fortschrittskreis, einen Schieberegler, eine schwebende Aktionsschaltfläche, ein Badge, einen Ladeindikator und eine Webansicht. Beachten Sie, dass diese Widgets für Mobilgeräte optimiert sind. Beispielsweise verwenden die Eingaben native Steuerelemente und den entsprechenden Tastaturtyp, die Registerkarten werden gut animiert und das Wischen funktioniert reibungslos.
Hier sehen Sie Beispiele der Widgets mit einigen Variationen:
Sie finden alle diese Widgets in der Native Mobile Quickstart-App oder können sie separat im Native Mobile Resources-Modul von der Mendix App Store.
Erstellen eigener Widgets
Neben all den sofort verfügbaren Widgets haben wir es einfacher gemacht, eigene Widgets zu erstellen. Diese werden als Pluggable Widgets bezeichnet und verwenden moderne und beliebte Technologien. Das Erstellen eines Widgets für native Mobilgeräte ist im Grunde dasselbe wie das Erstellen einer React (Native)-Komponente, sodass vorhandene JavaScript-Entwicklungskenntnisse problemlos genutzt werden können.
Um Sie noch besser zu unterstützen, haben wir einen Yeoman-Generator veröffentlicht, mit dem Sie ganz einfach ein Widget-Projekt erstellen können. Damit sind Sie schnell startklar und können einen schnellen und einfachen Entwickler-Flow erstellen. Mit diesem Generator können Sie Widgets für native mobile Apps sowie für Web- und Hybrid-Apps erstellen, die auf JavaScript oder TypeScript basieren. Der Generator bietet verschiedene Optionen, wie z. B. das Erstellen eines leeren Projekts basierend auf einer Vorlage und das Generieren von Testfällen.
Es stehen viele Open-Source-React-Native-Komponenten zur Verfügung, die Sie problemlos integrieren können. Eine weitere leistungsstarke Funktion ist die Möglichkeit, externe Abhängigkeiten zu verwenden und diese über zu installieren npm.
Wenn Sie nach dem Lesen dieses Artikels Ihr eigenes Plug-in-Widget erstellen möchten, sehen Sie sich unsere Pluggable Widget erstellen Anleitungen.
Offline-zuerst
Wie oben erwähnt, ist es wichtig, einen Offline-First-Ansatz zu verfolgen, um den Benutzern ein großartiges Erlebnis und eine zuverlässige App zu bieten. Mendix 8 enthält einige neue Funktionen, die dies einfacher als je zuvor machen.
Standardmäßig Mendix analysiert automatisch das Datenmodell Ihrer App, um zu bestimmen, welche Entitäten basierend auf den in Ihrem Offline-Navigationsprofil verwendeten Seiten und Nanoflows synchronisiert werden sollen. In dieser Version haben wir eine konfigurierbare Synchronisierung hinzugefügt, um die Standardsynchronisierungskonfiguration zu optimieren. Es ist möglich, mithilfe von XPath-Einschränkungen zu begrenzen, was heruntergeladen wird. Darüber hinaus ist es möglich, Downloads für eine Entität zu deaktivieren, was in Fällen sehr nützlich sein kann, in denen Objekte nur hochgeladen werden sollen (z. B. eine „Feedback“-Entität). Diese Konfiguration finden Sie in Ihrem Navigationsprofil.
Wir haben einige weitere nützliche Funktionen hinzugefügt, um das Erstellen von Offline-First-Apps zu vereinfachen: Unterstützung für XPath-Ausdrücke in der Abrufaktivität in Nanoflows, die Option, einen Nanoflow als Datenquelle für eine Datenansicht zu verwenden, und Unterstützung für die Nanoflow-Aktivitäten „Listenoperationen“, „Listenaggregation“ und „Nachricht anzeigen“.
Weitere Informationen zur Funktionsweise unserer Offline-First-Funktionalität finden Sie unter Offline-First in England, Mendix Dokumentation.
Was kommt als nächstes
Während der Betaphase arbeiten wir aktiv mit Kunden und Partnern zusammen, um Feedback zu sammeln, das wir zur Verbesserung des Produkts nutzen werden. Hier sind einige der Themen, an denen wir für kommende Versionen arbeiten werden:
- App Store-Veröffentlichung, die es ermöglicht, Binärdateien (APK und IPA) basierend auf Einstellungen wie Ihrer App-ID, Ihrem Namen, Ihrem Symbol und Ihrem Begrüßungsbildschirm zu erstellen
- Sub-Nanoflows, d. h. die Wiederverwendung von Nanoflows in anderen Nanoflows
- Aufrufen eines Microflows aus Nanoflow, einer wichtigen Funktion für Offline-Apps, mit der Sie Microflows auf dem Server aufrufen können, um Logik auf dem Server auszuführen oder Daten zu synchronisieren
- Mehr native Seitenvorlagen, Widgets, Funktionen und Flexibilität bei Layouts wie dem Hamburger-Menü
Unterstützung für Snippets und Bausteine
Was ist, wenn ich bereits eine hybride mobile App habe?
Wie oben erwähnt, ist native Mobile als neuer Kanal verfügbar (über ein Navigationsprofil), der neben den Hybridprofilen hinzugefügt werden kann. Auf diese Weise können Sie aus einem einzigen Modell direkt neben Ihrer Hybrid-Mobile-App eine native Mobile-App erstellen.
Sie können verschiedene Teile Ihrer Hybrid-Apps in Ihren nativen mobilen Apps wiederverwenden, z. B. das Domänenmodell, Nanoflows, Microflows und Integrationen. Seiten für native mobile Apps haben ein anderes Layout, sodass Sie eine Seite durch Ändern des Layouts in eine native Seite umwandeln können. Da native Seiten jedoch einen anderen Satz von Widgets und Eigenschaften haben, treten Konsistenzfehler auf, die Sie beheben müssen.
Das Styling muss speziell für native mobile Apps erstellt werden, da es auf JavaScript basiert und für die mobile Nutzung optimiert ist. Das möchten Sie wahrscheinlich sowieso tun, um ein hervorragendes Benutzererlebnis zu bieten.
Für neue Apps empfehlen wir die Nutzung dieser nativen Mobilfunktionen. Ob Sie Ihre hybride Mobil-App jedoch in eine native App migrieren sollten oder nicht, müssen Sie auf Grundlage Ihrer spezifischen Situation und Ihres Geschäftsfalls entscheiden. Während der Betaphase können Sie sich einen ersten Eindruck verschaffen, um zu sehen, wie und wann Sie mit der Nutzung nativer Mobilfunktionen beginnen können.
Wie kann ich anfangen?
Sie können es kaum erwarten, loszulegen? Hier finden Sie eine Kurzanleitung werden auf dieser Seite erläutert das Sie in wenigen Minuten beim Erstellen Ihrer ersten nativen mobilen App unterstützt. In Kürze wird es auch ein Schulungsmodul geben, als Teil des Mendix Academy.
Mendix Studio Pro 8.0.0 (Beta) kann heruntergeladen werden von der Mendix App Store und Sie finden die Versionshinweise werden auf dieser Seite erläutertWeitere Informationen zu Betaversionen finden Sie unter Was sind Mendix Beta-Funktionen?.
Machen Sie es nativ!
Sie sind alle Macher und wir können es kaum erwarten, zu sehen, welche kreativen und innovativen mobilen Apps Sie entwickeln werden! Wir würden uns über Ihr Feedback freuen und mehr über die Anwendungsfälle erfahren, die Sie für Mendix native mobile Apps. Kontaktieren Sie mich gerne unter [E-Mail geschützt] Bei Produktproblemen wenden Sie sich bitte an Mendix Support oder poste deine Frage im Forum.
