Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile,...

50
Die Vertriebs-App für den mobilen Außendienst Messekongress IT für Versicherungen Leipzig 2013 mobile

Transcript of Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile,...

Page 1: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

Die Vertriebs-App für den mobilen Außendienst

Messekongress IT für Versicherungen

Leipzig 2013

mobile

Page 2: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile

Olaf Bechtold WGV-Informatik und Media GmbH • Leiter Key-Account-Management

wgv Versicherungen – wertvolles günstig versichert „Leistungsstarker Schutz zu sehr günstigen Konditionen.“

Innovative Versicherungskonzepte als Antwort auf die Herausforderungen der Zukunft.“

Page 3: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

Wer bin ich?

Wo arbeite ich?

Was ist ICIS+?

Page 4: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wer bin ich? Wo arbeite ich? Was ist ICIS+?

Teamleiter Apps Portale

Dennis Huber

Produkt-Owner ICIS+ mobile

Page 5: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wer bin ich? Wo arbeite ich? Was ist ICIS+?

700 Mitarbeiter im Innen- und Außendienst

104 Mitarbeiter im Außendienst 517 Vermittler 2095 Makler

BGV | Badische Versicherungen

Partner in der Entwicklungsgemeinschaft ICIS-WGV

Page 6: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wer bin ich? Wo arbeite ich? Was ist ICIS+?

Page 7: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wer bin ich? Wo arbeite ich? Was ist ICIS+?

Präsentationsschicht

Logikschicht

Datenhaltungsschicht

„Alte“

Web-

Applika-

tionen

TECHNISCH

Page 8: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wer bin ich? Wo arbeite ich? Was ist ICIS+?

Präsentationsschicht

Logikschicht

Datenhaltungsschicht

„Alte“

Web-

Applika-

tionen

TECHNISCH FACHLICH

Risikoanalyse Kundenhistorie

Recherche DMS

Vertrags-GeVo‘s Kampagnen

Angebote/Anträge

CRM

Page 9: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wer bin ich? Wo arbeite ich? Was ist ICIS+?

Heute: Kundenservice

Morgen: Vertrieb

Übermorgen: ?

FACHLICH

ANWENDER

Risikoanalyse Kundenhistorie

Recherche DMS

Vertrags-GeVo‘s Kampagnen

Angebote/Anträge

CRM

Präsentationsschicht

Logikschicht

Datenhaltungsschicht

„Alte“

Web-

Applika-

tionen

TECHNISCH

Page 10: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wer bin ich? Wo arbeite ich? Was ist ICIS+?

= Pilot Heute: Kundenservice

Morgen: Vertrieb

Übermorgen: ?

STATUS ANWENDER

= Produktiv

Präsentationsschicht

Logikschicht

Datenhaltungsschicht

„Alte“

Web-

Applika-

tionen

TECHNISCH FACHLICH

Risikoanalyse Kundenhistorie

Recherche DMS

Vertrags-GeVo‘s Kampagnen

Angebote/Anträge

CRM

Page 11: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

Wie kam es zu ICIS+ mobile?

Page 12: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie kam es zu ICIS+ mobile?

„Erstellt für den Vertrieb eine App für

Tablet-PCs auf Basis von ICIS+!“*

*Auftrag im Rahmen einer Lenkungsausschussitzung im Jahr 2012.

Page 13: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

Problem 1:

Wie erstellt man eine App?

Page 14: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie erstellt man eine App?

1. Tipp: Analyse der Apps von Mitbewerber.

Page 15: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie erstellt man eine App?

2. Tipp: Vergleichsanalyse zwischen Websites und Apps.

App Web vs.

Page 16: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie erstellt man eine App?

2. Tipp: Vergleichsanalyse zwischen Websites und Apps.

App Web vs.

Page 17: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie erstellt man eine App?

3. Tipp: Analyse der User Guidelines von Apple und Google.

Page 18: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie erstellt man eine App?

4. Tipp: Umsetzung nach einer agilen Methodik.

Definition des Caching nach ersten Tests.

Einbindung der Fachbereiche nach initialen Entwicklungen.

Optimierung der Performance während einer Pilotierung.

SCRUM

Kontinuierliche Anpassungen im Bereich Usability.

Permanente Neupriorisieung funktionaler Anforderungen.

Interne Entwicklungsleistungen stetig steigern können.

Page 19: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

Problem 2:

Wie bekommt man ICIS+* auf ein Tablet?

*Stellvertretende Webanwendung, welche auf ein Tablet adaptiert werden muss.

Page 20: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

Page 21: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

Page 22: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

Page 23: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

Page 24: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

Page 25: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

Page 26: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

1. Tipp: Grundstruktur des Basissystem beibehalten.

Navion AktiList Editorenbereich

Page 27: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

1. Tipp: Grundstruktur des Basissystem beibehalten.

Navion AktiList Editorenbereich

Page 28: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

1. Tipp: Grundstruktur des Basissystem beibehalten.

Page 29: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

2. Tipp: Sich einfache und etablierte Vorbilder für das Layout suchen.

+

mobile

=

Page 30: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

Problem 3:

Was braucht der Vertrieb auf einem Tablet?

Page 31: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

Tipp: Analyse des Aktenkoffers eines Vertriebsmitarbeiters.

Page 32: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wie bekommt man ICIS+ auf ein Tablet?

Tipp: Analyse des Aktenkoffers eines Vertriebsmitarbeiters.

Page 33: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

Wer bin ich?

Wo arbeite ich?

Page 34: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Wer bin ich? Wo arbeite ich? Was ist ICIS+?

Senior-IT Consultant

Ansgar Schulte

Scrum Master ICIS+ mobile

Page 35: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // codecentric auf einen Blick

codecentric AG - Standorte

ca. 200 Mitarbeiter

und wir suchen weitere

Page 36: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // codecentric Portfolio

Page 37: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

Problem 4:

Web-App? Hybrid-App? Native App?

Page 38: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Web-App? Hybrid-App? Native App?

Page 39: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Web-App? Hybrid-App? Native App?

HTTP://WIKI.DEVELOPERFORCE.COM/PAGE/NATIVE,_HTML5,_OR_HYBRID:_UNDERSTANDING_YOUR_MOBILE_APPLICATION_DEVELOPMENT_OPTIONS

Page 40: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Web-App? Hybrid-App? Native App?

• Webtechnologien

HTML / HTML5, JavaScript, CSS / CSS3

• Zugriff auf native Methoden über Phonegap / Cordova

(GPS, Kamera etc.)

• Auslieferung über Appstore

• Eine Codebasis – verschiedene

Plattformen

• Diverse Frameworks für Look & Feel

Sencha Touch, jQuery Mobile,

Titanium Appcelerator...

Merkmale einer Hybrid-App

Page 41: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Web-App? Hybrid-App? Native App?

• Entwicklung mit bekannten Webtechnologien

Vorhandene Entwickler müssen keine neuen

Programmiersprachen erlernen, wie z.B.

Objective C für iOS-Applikationen

• Eine Programmiersprache mehrere

Plattformen

• Apps müssen nicht parallel für verschiedene

Betriebssystem entwickelt und gepflegt werden

• Entwicklung im Desktop Browser

• Testen ist einfach möglich über Selenium

Vorteile einer Hybrid-App

Page 42: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

Problem 5:

Die optimale Architektur für eine App?

Page 43: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Die optimale Architektur für eine App?

Page 44: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Die optimale Architektur für eine App?

• Sollte sich wie eine native Anwendung anfühlen.

• Plattform-Funktionalitäten sollten genutzt werden.

Touch, Kamera, GPS etc.

• Die normale Webseite sollte nicht nur neu verpackt werden.

• Die Performance sollte stetig optimiert werden.

• Die Usability sollte eine bedeutende Rolle einnehmen.

Tipps für eine erfolgreiche hybriden App

Page 45: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

Welchen Status hat ICIS+ mobile?

Page 46: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Welchen Status hat die Entwicklung von ICIS+ mobile?

Start:

Methodik:

Team:

Status:

Juli

Scrum

2 Mitarbeiter für die Konzeption

1-3 Entwickler (u.a. Nearshoring)

Pilotierung ab Dezember 2013

Page 47: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Welchen Status hat die Entwicklung von ICIS+ mobile?

UMGESETZT

Tarnkappenmodus

über Kundendaten Beratung "Rund ums Haus"

Verträge lesen inkl.

Versionsvergleich

Adressen lesen und schreiben

inkl. Karten-/Routenansicht

Diverse Suchmöglichkeiten

inkl. Positionsbestimmung

Kundendaten

lesen und schreiben

Kundenattribute lesen

Kundendubletten lesen

Kontoverbindungen

lesen und schreiben

Kommunikationsmedien

lesen und schreiben

Tarifauskünfte

eingeschränkt lesen

Fremdverträge lesen

und schreiben

Kundenbeschwerden

lesen und schreiben

Aufgaben für

Vertriebsmitarbeiter

Gleichzeitiger Aufruf

mehrerer Kunden

Kundenbeziehungen lesen

Kundenkontakte (z.B. DMS)

Schäden lesen

eVBs lesen

Bedienungshilfen

für Editoren

Page 48: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Welchen Status hat die Entwicklung von ICIS+ mobile?

GEPLANT

Risikoanalyse

Umkreissuche um

Kundenbestand

Tarifauskünfte

erstellen

eVBs erstellen

Kundentermine

Vertriebsaufträge

Vertragsänderungen

Anlage von Kunden

SEPA-Anpassungen

Kundenattribute

schreiben

Kundenbeziehungen

schreiben

Prämien-

Schadenstatistik

Selbstregulierungsgrenzen

Kontenabfrage lesen

Kundenfeedback schreiben

Diverse

Filterfunktionen

CMS-Integration

Page 49: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Welchen Status hat die Entwicklung von ICIS+ mobile?

Page 50: Messekongress IT für Versicherungen Leipzig 2013mobile_2014.pdfSencha Touch, jQuery Mobile, Titanium Appcelerator... Merkmale einer Hybrid-App . mobile // Web -App? Hybrid App? Native

mobile // Fragen?

Dennis Huber

Durlacher Allee 56

76116 Karlsruhe

Tel 0721 660 - 2057

Mail [email protected]

www.bgv.de

Ansgar Schulte

Kölner Landstr. 11

40591 Düsseldorf

Tel 0211 9941 - 447

Mail [email protected]

www.codecentric.de

blog.codecentric.de

Olaf Bechtold

Tübinger Str. 55

70178 Stuttgart

Tel 0711 1695 - 5752

Mail [email protected]

www.wgv.de

www.icis-user-group.de

www.icis-wgv.de