Mobile hybride Applikationen Investment-App der BW-Bank

Größe: px

Ab Seite anzeigen:

Download "Mobile hybride Applikationen Investment-App der BW-Bank"

Erika Junge
vor 6 Jahren
Abrufe

1 Mobile hybride Applikationen Investment-App der BW-Bank avono Aktiengesellschaft Breite Straße Stuttgart Fon (0711) Fax (0711)

2 Ihr Referent Manfred Heiland Senior Consultant Technology Studium der Wirtschaftsinformatik Seit 2000 im Java-Universum als Entwickler/Berater in Kundenprojekten tätig Seit 2006 bei der avono AG Seite 2

3 Vorstellung avono was wir tun Java Enterprise Applications P r o j e c t s D e v e l o p m e n t C o n s u l t i n g C o a c h i n g T r a i n i n g S u p p o r t Atlassian Services and Products H o s t i n g Seite 3

4 Übersicht Warum eine mobile Investment-App? Was führte zur hybriden Entwicklung? Kommunikation Release-Management Testen Zusammenfassung Seite 4

5 Motivation für die Investment-App Starke Verwurzelung im Wertpapiergeschäft gegeben und dieses soll weiter gestärkt werden. Wettbewerbsdruck Nutzung mobile Endgeräte nimmt stetig zu. Wunsch der Kunden immer und überall handlungsfähig zu sein. Bestehende Brokerage Web-Anwendung nicht mobil optimiert. Innovationskraft zeigen, sowohl nach außen als auch nach innen. Seite 5

6 Anforderungsdefinition Auswertung von Kundendaten Befragung von Kunden und Interessenten Ausarbeitung von Personas bzgl. der Hauptzielgruppen Dokumentation der Anforderungen in einzelnen Usecases à Die App aus Anwendersicht entwerfen Seite 6

7 Key Features Personalisierbare Startseite für einen schnelle Überblick Einfach, schnell und sicher handeln Integration von Research-Berichten Push-Nachrichten (Firmennachrichten, Orderausführungen) Übersicht des Depotvermögens Videoberatung Viele Features ohne Login nutzbar Seite 7

8 AssetGo Seite 8

9 Entscheidungen zu Beginn Projektorganisation der Bank Standardvorgehen: Wasserfall-Modell Angereichert um agile Einflüsse Bestehendes Team für neue Aufgaben erweitern Technische Vorgaben / Randbedingungen Server: Java 8, Spring 4, Tomcat 8 Client: Wahl zwischen nativ, hybrid und web Seite 9

10 Übersicht Was führte zur hybriden Entwicklung? Seite 10

11 App-Architektur nativ, hybrid, web nativ hybrid web Performance + O O Geräte-Funktionen Installation + + O Entwicklungskosten und zeit - O + Wartung und Updates - O + Seite 11

12 Entscheidungen Charts - Zoom-In-Funktionen Anmelden per Fingerabdruck Integration weiterer SDK s (konkret Videoberatung) Transaktionen bleiben in der Web-Anwendung à führten zur Wahl einer wirklich hybriden App Die Webanwendung wurde mit AngularJS und Ionic erstellt. Die native App wird für ios und Android entwickelt. Seite 12

........ </body> </html> 1001011 0001010 0010100 0111010 1010101 1001010 1110010 1100000 Nativ

13 Wirklich hybride App? Browser Native App Native App Native App Web-Page <html> <body> </body> </html> Web-Page <html> <body> </body> </html> Web Nativ <html> <body> </body> </html> Nativ Device APIs Device APIs Device APIs Seite 13

14 Hybrid App - Mixed Seite 14

15 Übersicht Kommunikation Seite 15

16 Hybrid App - Mixed Seite 16

17 nativ2web Aufruf einer URL aus einer nativen View in einer WebView. Android-Code String url = "file://" + gethtmlfilename(); webview.loadurl(url); Aufruf einer neuen View innerhalb einer WebView window.location = "#/app/newsdetail/" + newsid; Seite 17

$evaluatejavascript("native_userloggedout();"); JS-Code function native_userloggedout() { // Angular Eventhandling$

18 nativ2web Aufruf einer JS-Funktion Anwendungsfall: Benutzer hat sich über native Querschnittsfunktion abgemeldet. Android Code mwebview.evaluatejavascript("native_userloggedout();"); JS-Code function native_userloggedout() { // Angular Eventhandling broadcastevent("native_userloggedout"); } Seite 18

19 web2nativ service.requestlogin = function() { if (wkmessagehandlers.requestlogin) { wkmessagehandlers.requestlogin.postmessage(noparam); } else if (isnative) { queuenativecall('requestlogin'); } }; function queuenativecall(payload) { // Ausschnitt var payload = native:// + payload; } // Really do the native call! $window.location = payload; Seite 19

20 Beispiele Seite 20

21 Übersicht Release-Management Seite 21

22 Release-Management AssetGo v1 Web-App v1.1 Prüfung, ob Web-View aktuell REST API v1 Web-App v1.1 Seite 22

23 Release-Management AssetGo v1 Web-App v1.1 AssetGo v2 aus den Stores inkl. Web-App v2 Prüfung, ob Web-View aktuell Prüfung, ob App-Version aktuell (minversion = v2) Prüfung, ob Web-View aktuell Prüfung, ob App-Version aktuell (minversion = v2) REST API v1 REST API v2 Web-App v1.1 Web-App v2 Seite 23

24 Übersicht Testen Seite 24

25 Problemfeld Vielfalt Seite 25

26 Sinnvolles Testen Manuell über Testgeräte Mobile Device-Cloud (testobject.org) Manuell Automatisch über Appium ( Verknüpfung mit unserem JIRA war genial Serverseitige (automatisierte) Tests über JUnit Manuelle Rest-API Test über die Swagger-UI und gleichzeitige Dokumentation der Schnittstelle ( Seite 26

27 Übersicht Zusammenfassung Seite 27

28 Zusammenfassung Hybrid war gut für diese App, da wir die Vorteile jeder Technologie nutzen konnten Neue Technologien führten zur Weiterentwicklung aller Beteiligten Vergleichbare Funktionen waren nativ deutlich teurer in der Entwicklung und im Test Eine Teamfindungsphase bei Hinzunahme von neuen Personen ist unbedingt einzuplanen und nimmt substantiell Zeit in Anspruch. Seite 28

29 Zusammenfassung Die Bank bekam in kurzer Zeit eine App, die ihren Ansprüchen entsprach. Inkrementelle Updates der App schon in der Entwicklungsphase inklusive explorativer Tests wurden sehr positiv bewertet. Die App läuft sowohl auf den Smartphones als auch auf dem Server stabil. Seite 29

Vielen Dank! Manfred Heiland Senior Consultant Technology E-Mail manfred.heiland@avono.

30 Vielen Dank! Manfred Heiland Senior Consultant Technology avono Aktiengesellschaft Breite Straße Stuttgart Fon (0711) Fax (0711)

Ähnliche Dokumente

Herausforderungen von ITSM Lösungen mit JIRA Service Desk meistern.

Herausforderungen von ITSM Lösungen mit JIRA Service Desk meistern. Vom Self Service Portal bis zur Zusammenarbeit mit Devops-Teams. avono Aktiengesellschaft Breite Straße 2 70173 Stuttgart www.avono.de