DXcharts für mobile Plattformen: Implementierung nativer Diagramme für iOS- und Android-Apps

Die geschäftliche Herausforderung

Laut einer aktuellen studie, wächst der mobile Datenverkehr jährlich. Dies umfasst eine verstärkte Nutzung durch professionelle und Amateur-Händler, die den Markt rund um die Uhr erreichen, dank der neuen Flexibilität, die mobile Versionen von Desktop-Handelsplattformen bieten.

DXcharts erhielt eine große Anzahl von Anfragen, die darauf hinwiesen, dass es trotz dieser Trends im Endnutzerverhalten noch keine native Charting-Bibliothek für iOS- und Android-Mobilanwendungen gab. Die einzigen auf dem Markt verfügbaren Lösungen waren tatsächlich webbasierte Lösungen, die native Apps lediglich nachahmen und nicht in der Lage sind, die vollständigen Funktionen moderner Mobilgeräte zu unterstützen.

Angesichts der beträchtlichen Anzahl von Nutzern, die auf mobile Anwendungen umsteigen, besteht ein eindeutiger Bedarf an leistungsstarken Charting-Funktionen.

Das DXcharts-Team erkannte darin eine Gelegenheit und entschied sich, seine gesammelte Branchenerfahrung zu nutzen, um eine Lösung zu entwickeln, die den Qualitätsanforderungen und Standards der Kapitalmarktbranche entspricht.

Die Lösung

Das Devexperts-Team verfügte bereits über Erfahrung in der Entwicklung nativer mobiler Lösungen mit Charts und verschiedenen technischen Analysetools. Es gab mehrere Ansätze, um eine Lösung bereitzustellen:

  1. Unsere bestehenden Bibliotheken überarbeiten und an moderne Qualitätsstandards anpassen. Dieser Ansatz brachte jedoch viele technische Herausforderungen mit sich, die zu einer veralteten Lösung führen könnten, die nicht den Anforderungen moderner Nutzer entspricht.
  2. Von Grund auf neu entwickeln. Dieser Ansatz passte nicht zu unserem schlanken Entwicklungsansatz und unserem Ziel, schnell eine qualitativ hochwertige Lösung auf den Markt zu bringen.
  3. Den Kern unserer fortschrittlichen Web-Charts und deren Logik nutzen, um eine mobile Lösung zu entwickeln.

Die dritte Option erschien als die vielversprechendste. Wir bewerteten die Effektivität dieser Strategie und kamen zu dem Schluss, dass dieser Ansatz zahlreiche Vorteile bot:

  1. Beschleunigte Markteinführung. Durch die Nutzung des Kerns der Web-Charting-Technologie mit mobil-optimiertem Code (für eine bessere Benutzererfahrung) war es nicht erforderlich, von Grund auf neu zu beginnen.
  2. Reduzierte Kosten. Die gewählte Option erforderte kein großes Team und konnte schnell umgesetzt werden.
  3. Erfüllte alle Ziele. Eine native Anwendung, die speziell auf die Bedürfnisse mobiler Trader zugeschnitten ist, schloss die identifizierte Marktlücke.

Ergebnisse

Da sich die Nutzungsszenarien von mobilen und Desktop-Tradern unterscheiden, überarbeitete unser Produktteam die bestehenden Funktionen von DXcharts. Anstatt alle für Web und Desktop verfügbaren Funktionen bereitzustellen, konzentrierten wir uns auf die interaktive Chart-Leinwand. Gleichzeitig entwickelten und gestalteten wir die gesamte Benutzererfahrung (UX) von Grund auf in nativem Mobile-Code.

DXcharts Mobile
DXcharts Mobile
Nikita, Software Developer Android platform, Devexperts

Wir entschieden uns für den effizientesten Ansatz im Charting und nutzten die neuesten verfügbaren Technologien. Einer der Hauptvorteile besteht darin, dass die Charts nicht nativ gerendert werden, was ein konsistentes Verhalten auf verschiedenen Geräten gewährleistet. Dies verbessert die Anpassungsfähigkeit der Anwendung erheblich, macht sie flexibler und beschleunigt den Veröffentlichungsprozess. Der spannendste Aspekt dieser Aufgabe war die enge Verzahnung unserer einzigartigen nativen Funktionen mit dem Chart, wodurch eine nahtlose Integration der mobilen Welt mit der Datenvisualisierung geschaffen wurde. Darüber hinaus legten wir besonderen Wert auf die Entwicklung einer flexiblen Struktur, die eine nahtlose Integration und Anpassung unseres Produkts an verschiedene Anforderungen ermöglicht.

Nikita, Softwareentwickler für die Android-Plattform, Devexperts
Indicator configuration in DXcharts Mobile
Indikator-Konfiguration in DXcharts Mobile

Die DXcharts-Mobilanwendung ist im Wesentlichen ein eingebetteter Browser, der den Kern-Chart rendert. Ein bedeutender Vorteil dieses Ansatzes besteht darin, dass neue Funktionen, die künftig zum Kern-Web-Chart hinzugefügt werden, automatisch in der mobilen Anwendung verfügbar sind – mit minimalem Aufwand für die Mobile-Entwickler.

Anastasia, Software Developer iOS platform, Devexperts

Eine der herausforderndsten Entwicklungsaufgaben besteht darin, große Datenmengen zu erfassen, zu verarbeiten und in einem Chart darzustellen. Wir legen besonderen Wert darauf, dass die Daten reibungslos einfließen und ohne Verzögerung angezeigt werden. Wir haben den optimalsten Ansatz für die Chart-Erstellung gewählt und setzen dabei auf moderne Technologien. Einer der entscheidenden Vorteile besteht darin, dass das Chart-Rendering nicht auf der Ebene nativer Funktionen erfolgt. Durch die Verwendung einer fertigen Lösung für das Chart-Rendering beschleunigen wir den Entwicklungsprozess und gewährleisten eine einheitliche Darstellung auf allen Plattformen.

Ein besonders faszinierender Entwicklungsaspekt für mich ist die interaktive Nutzerinteraktion mit dem Chart, die es den Nutzern ermöglicht, darauf zu zeichnen und es nach ihren bevorzugten Methoden oder Stilen zu visualisieren. Die enge Integration nativer Funktionen mit Webkomponenten bietet zahlreiche Vorteile und erhöht die Flexibilität.

Anastasia, Softwareentwicklerin für die iOS-Plattform, Devexperts

Unser Team für dieses Projekt bestand aus nur drei Entwicklern, die die Aufgabe in kurzer Zeit erfolgreich bewältigten und zwei native mobile Bibliotheken für Anwendungen rund um den Charting-Kern entwickelten. Diese effiziente Umsetzung zeigte den Ressourcenbedarf für zukünftige Integrationen mobiler Anwendungen auf.

DXcharts light web-library
DXcharts Mobile-Bibliotheken
Dmitrii, Software Developer Android platform, Devexperts

Wir entschieden uns dafür, die bestehende dxcharts-light Web-Bibliothek zu verwenden, indem wir sie in die Webansicht einbetteten, anstatt die Charts direkt in unserer Anwendung zu zeichnen. Im Wesentlichen haben wir eine Wrapper-Lösung für die bestehende Chart-Anzeigefunktionalität entwickelt, wodurch wir erhebliche Ressourcen eingespart haben. Das Web-Team konzentrierte sich auf die Optimierung der Datenvisualisierung, während wir uns auf die Benutzeroberfläche fokussierten.

Der faszinierendste Teil war die Entwicklung der Architektur für das zukünftige Produkt. Da unser Projekt eine eingebettete Bibliothek für andere Anwendungen war, konnten wir die standardmäßigen Methoden zur Entwicklung von Architekturen für mobile Anwendungen nicht vollständig nutzen. Wir mussten berücksichtigen, wie der Endentwickler unsere Bibliothek integrieren würde, wie er sie konfigurieren könnte und wie er uns seine Daten – wie Instrumente, Candlesticks usw. – bereitstellen würde.

Dmitrii, Softwareentwickler für die Android-Plattform, Devexperts

Innerhalb kürzester Zeit erhielt die DXcharts-Produktlinie vollwertige Charts für native mobile Anwendungen, die den Nutzern volle Handlungsfreiheit und einen Funktionsumfang bieten, der mit der Webversion des Produkts vergleichbar ist.

Devexperts integriert derzeit die neuen mobilen Charts in unsere bestehenden DXtrade-Anwendungen. Infolgedessen werden DXcharts-Kunden schon bald über fortschrittliche, multifunktionale und leistungsstarke mobile Charts verfügen, die eine Vielzahl von Funktionen der neuesten Web-Chart-Versionen bieten und damit der Konkurrenz auf dem Markt überlegen sind.

Andrey Shuvlenov, Devexperts

Das Team hat großartige Arbeit geleistet – wir haben die verschiedenen Perspektiven analysiert, die optimale Lösung gewählt und in kürzester Zeit eines der fortschrittlichsten mobilen Charting-Systeme entwickelt. Jetzt können wir das System mit vertretbarem Aufwand warten, und die Kompatibilität zwischen den Produkten von Devexperts ist höher denn je.

Andrey Shuvlenov, Devexperts

DXcharts for Mobile wurde entwickelt, um Brokern dabei zu helfen, ihren Endnutzern einen einzigartigen Service zu bieten. Ihr Unternehmen kann zu den Ersten gehören, die DXcharts for Mobile entdecken und nutzen. Vereinbaren Sie Ihre kostenlose einmonatige Testphase hier.

Eine mobile App für Banking und Trading im Auftrag von TEB Investment

Unser Kunde

Company typeInvestment firm and securities brokerage
Year of foundation1996
Asset classesStocks, options, futures
LocationIstanbul, Türkiye

TEB Investment (TEB Yatırım) ist ein Brokerhaus für börsengehandelte Wertpapiere und Derivative. Das Unternehmen ist die Investmentsparte einer führenden türkischen Bank, Türk Ekonomi Bankası A.Ş. Es ist seit 1997 in Partnerschaft mit der französischen BNP Paribas Group im Investmentbereich tätig.

Die geschäftliche Herausforderung

TEB Investment benötigte mobile Trading-Apps für iOS und Android, mit denen die Kunden der Bank ihre Portfolios auch unterwegs im Blick behalten und verwalten können. Unser Kunde wünschte eine spezielle Entwicklung für den türkischen Markt und die Ausstattung mit zahlreichen speziellen Funktionen.

Der Software-Anbieter sollte die Apps gemäß den Vorschriften, denen die Bank unterliegt, entwickeln und die Compliance-Prozesse einhalten.

Die Lösung

TEB Investment entschied sich, Devexperts die mobilen Apps entwickeln zu lassen, weil wir bereits zusammengearbeitet hatten und die Kooperation gut verlaufen war. Außerdem haben wir viel Erfahrung mit Projekten für den türkischen Markt.

Die Fristen des Kunden waren kurz, weil er zahlreiche Projekte gleichzeitig durchführte und sie kurz nacheinander auf den Markt bringen musste. Wir konnten den Zeitplan einhalten, weil wir bereits über eine spezielle Multi-Asset-Handelsplattform verfügten, die wir für den türkischen Markt entwickelt hatten. Wir mussten die Plattform lediglich an die Anforderungen des Kunden anpassen und sie mit den benötigten Widgets ausstatten.

Durch unsere Anpassungen entstand eine Banking-App mit vollständigen Trading- und Analyse-Funktionen. Zu den handelbaren Anlageklassen gehören Aktien, Optionen, Futures und an der Borsa Istanbul verfügbare Warrants.

Auf Wunsch des Kunden implementierten wir eine spezielle Empfehlungsfunktion für die Anleger. Jetzt können die Research-Fachleute des Kunden den Anlegern Marktanalysen und -berichte bereitstellen, damit diese bei der Portfolioverwaltung fundierte Entscheidungen treffen können.

Heatmap-Widget in TEB
Heatmap-Widget in TEB YATIRIM TRADER

Während des Projekts implementierten wir auf Kundenseite verschiedene Widgets, zum Beispiel eine Heatmap. Zur Beobachtung der Aktienmärkte integrierten wir Quellen von Markt-News und Marktdaten in die App und statteten sie mit konfigurierbaren Alarmen aus. Um den Entscheidungsprozess der Nutzer zu beschleunigen, integrierten wir in den unteren Bereich der Benutzeroberfläche eine Schaltfläche für schnelle Orders.

Außerdem wollte TEB Investment die Unterzeichnung von Dokumenten für die Anleger vereinfachen. Daher implementierten wir eine Architektur für den Austausch von Dokumenten. Der Prozess ist nun automatisiert und die Anleger können Dokumente innerhalb der Apps unterzeichnen.

Zudem führten wir Zwei-Faktor-Authentisierung ein, um die Sicherheitsvorgaben des Kunden zu erfüllen.

Sobald Entwicklung und Tests abgeschlossen waren, durchliefen die Apps den Compliance-Prozess der Bank. Der Kunde bestätigte dann, dass die Apps die regulatorischen Vorgaben erfüllten, und wir veröffentlichten sie im App Store und auf Google Play.

Ergebnisse

TEB Investment veröffentlichte TEB YATIRIM TRADER, eine mobile Banking-App für iOS und Android, mit der sich Aktien, Optionen, Futures und Warrants handeln lassen.

TEB YATIRIM TRADER enthält Werkzeuge und Quellen für die technische Analyse. Die App unterstützt die Fachleute von TEB Investment jetzt dabei, Marktanalysen und -berichte herauszugeben. Zusätzlich können die Anleger die Informationen in der App verwenden, um ihre Portfolios kompetent zu verwalten und fundierte Entscheidungen zu treffen.

TEB YATIRIM TRADER stellt den Anlegern zudem Marktdaten von dxFeed sowie spezielle News bereit.

Außerdem profitieren die Anleger von einer vereinfachten Bearbeitung von Dokumenten: Sie können Schriftstücke endlich innerhalb von TEB YATIRIM TRADER prüfen und unterzeichnen.

FIX-Gateway mit niedriger Latenz als Wettbewerbsvorteil für eine Kapitalmarktfirma

Der Kunde

Unser Kunde ist ein etabliertes, renommiertes Finanzinstitut, das seit den 1920er-Jahren im türkischen Banken- und Kapitalmarktsektor tätig ist. Es erbringt Dienstleistungen in den Bereichen Brokerage, Investment, Leasing, Forderungsmanagement, Versicherungen und Portfolioverwaltung.

Gleichzeitig gehört unser Auftraggeber aufgrund seiner Kunden und Mitarbeitenden zu den innovativsten türkischen Finanzinstituten.

Die Herausforderung

Auf dem türkischen Kapitalmarkt herrscht starker Wettbewerb. Daher benötigte unser Kunde eine Lösung, die ihm ein Alleinstellungsmerkmal verschaffen würde. Um die Konkurrenz hinter sich zu lassen, wollte unser Kunde die bestmöglichen Handelsdienste anbieten – mit der marktweit niedrigsten Latenz bei der Order-Ausführung. Die Geschwindigkeit der Order-Ausführung hängt vom FIX-Gateway ab, der die Handelsplattform mit der Börse verbindet.

Doch unser Kunde hatte noch einen weiteren Anspruch: Er suchte nach einem geeigneten Softwareanbieter, der für die Verbindung zur Borsa Istanbul eine kundenspezifische Lösung mit niedriger Latenz und hohem Durchsatz entwickeln sollte.

In der Vergangenheit hatte der Kunde einen intern entwickelten FIX-Gateway eingesetzt und auch mehrere ähnliche Lösungen von lokalen Anbietern ausprobiert. Allerdings konnten diese Lösungen die technischen Anforderungen unseres Kunden an Geschwindigkeit und Skalierbarkeit nicht erfüllen. Daher entschloss er sich, nach einem zuverlässigen Softwareanbieter zu suchen.

Die Lösung

Devexperts hatte in der Türkiye bereits zwei Projekte abgeschlossen: die Handelsplattformen für Gedik Investment und für Global Securities. Dementsprechend entschied sich unser Kunde für Devexperts als Softwareentwickler mit gutem Ruf in der Türkiye. Devexperts ist außerdem Spezialist für belastbare Gateway-Handelssysteme, die dafür ausgelegt sind, Millionen Orders mit niedriger Latenz zu verarbeiten. Der ausschlaggebende Faktor für die Entscheidung des Kunden war letztendlich die Benchmark-Analyse der Gateway-Lösungen von Devexperts: Sie zeigte, dass die technischen Anforderungen des Kunden erfüllt werden.

Wenn die Hardware-Umgebung vorhanden ist, kann Devexperts FIX-Netzwerkbrücken innerhalb eines Arbeitstages einrichten. Daher erstellte Devexperts dem Kunden ein proprietäres Gateway-System für die direkte Verbindung zur Aktienbörse Borsa Istanbul. Das System versendet FIX-Nachrichten und verarbeitet die Antworten der Börse. Die Latenz der bereitgestellten Lösung ist so niedrig, dass sie die Anforderungen des Kunden vollständig erfüllt. Bei 1000 Orders pro Sekunde wird eine einzelne Order gemäß den folgenden Zeiten verarbeitet:

  • Mindestdauer: 42 Mikrosekunden
  • Durchschnittsdauer: 99 Mikrosekunden
  • Höchstdauer: 157 Mikrosekunden

Unser Auftraggeber stellt die Gateway-Lösung seinen institutionellen und Privatkunden zur Verfügung. Er plant, sie auch bei weiteren Projekten mit Devexperts einzusetzen. Dazu gehören ein Ordermanagementsystem sowie mobile Finanzanwendungen.

Das Ergebnis

Entsprechend den Anforderungen des Kunden entwickelte Devexperts ein proprietäres FIX-Gateway-System mit hohem Durchsatz und niedriger Latenz (ab 42 Mikrosekunden). Das System ist direkt mit der Borsa Istanbul verbunden. Somit profitieren die institutionellen und Privatkunden unseres Auftraggebers vom besten Handelserlebnis mit sofortiger Order-Ausführung.

Das FIX-Gateway-System von Devexperts bildet zudem die Grundlage für die Pläne unseres Kunden, ein Ordermanagementsystem sowie mobile Handelsanwendungen zu entwickeln.

Dank dem Zugang zur Borsa Istanbul mit niedriger Latenz gelang es unserem Auftraggeber, weitere institutionelle Kunden sowie individuelle Algo-Händler zu gewinnen.