DOAG Konferenz FondsProfiler 2.0 mit Universal Theme. Jens Seidel, Oliver Lemm Frankfurt, 15. November 2016

Transkript

1 DOAG Konferenz 2016 FondsProfiler 2.0 mit Universal Theme Jens Seidel, Oliver Lemm Frankfurt, 15. November 2016

2 Wer kennt diesen Sparstrumpf?

3 Unsere Unternehmensgruppe im Überblick Die Union Investment Gruppe einer der größten deutschen Vermögensverwalter für private und institutionelle Anleger, mit einem verwalteten Vermögen in Höhe von 275 Mrd * hat ihren Hauptsitz in Frankfurt am Main Niederlassungen in Luxemburg, Österreich, Polen und Hongkong betreut mehr als Fonds* beschäftigt ca MitarbeiterInnen* ist Teil der genossenschaftlichen FinanzGruppe *Zahlen per Ende Mai 2016

4 Was ist ein Fondsgeschäft? wickelt Geldverkehr ab Fondsgesellschaft kontrolliert; lagert Wertpapiere; Fonds Verwahrstelle informiert Aktien Renten Immobilien Geldmarkt lagert die Anteile kauft Anteile 4 Kunde

5 Was ist ein Fondsprofil? Aktien Immobilien Renten Geldmarkt Fondsprofil UniSuperInvest Aufgelegt Investiert in 20-30% Aktien 20-30% Renten 20-30% Immobilien 20-30% Geldmarkt Finger weg von Risikopapieren! Benchmark: Sparbuch Gebühren: wenig Ertragsverwendung: ausschüttend Sonstige Vereinbarungen: Wertentwicklung grundsätzlich nur positiv ;-)

6 Was war die Motivation für FondsProfiler 2.0? Der FondsProfiler wird von 950 User verwendet, speichert inzwischen Fondsprofile (davon 1790 aktive) Userbefragung zur Zufriedenheit ergab sinnvolle Änderungswünsche im Bereich: intuitivere Bedienbarkeit weniger Mausklicks zum gleichen Ergebnis schnelle Statusübersicht im Genehmigungsprozess (4-Augen) Direkteinstieg in das Fondsprofil und dessen Zusatzfunktionen vereinfachtes Eingabeverhalten Möglichkeit den FondsProfiler auf mobilen Endgeräten einzusetzen Neues Corporate Design von Union Investment

7 MT AG Technologie-orientiert Branchen-unabhängig Hauptsitz Ratingen 240 Beschäftigte Ausbildungsbetrieb Inhabergeführte Aktiengesellschaft Gründungsjahr 1994 Niederlassung Frankfurt am Main Zertifizierter Partner von Oracle, Microsoft und SAP

8 Ausgangssituation APEX Theme 22 Entwicklungsstart Seiten ca Zeilen Javascript ca Zeilen CSS ca Datenbankobjekte

9 Themes 9

10 Reset & No Match 10

11 Matching Buttons 11

12 Migration Helper? 12

13 Templates angepasste Templates

14 Live CSS Themeroller 14

15 Loading Icon 15

16 Font Size 16

17 UT Grid Bug 17

18 18

19 Header

20 Header header { background-color: #ffffff; background-size: auto 120px; height: 176px; }.t-header-controls { top: 137px; }.t-pagebody--leftnav.t-bodynav,.apex-side-nav.t-body-nav,.apex-side-nav.t-body-actions,.apex-side-nav.t-body-title { top: 176px; }

21 Header Grafik /* Wegen Header Image Hintergrund transparent darstellen */.t-header-branding { background-color: rgba(0,0,0,0); /* transparente Darstellung */ height: 100px; position: static; /* keine Überlagerung war standard relative */ }.t-header { background-image: url("/img/start.png"), url("/img/repeat.png"); background-repeat:no-repeat, repeat-x; }

22 Navigationsleiste Navigationselemente oben rechts.t-navigationbar-item { display: list-item; /* Darstellung der Elemente untereinander*/ padding: 0px; /* kleinere Abstand der Elemente */ }.t-navigationbar-item.t-button--header { padding: 6px!important; top: 5px; } t-header-navbar { text-align:left; float:right; margin-top:5px; }

23 Modale Dialoge Wertelisten jede Werteliste auch deaktiviert sichtbar Ein modaler Dialog für alle Seiten Dynamisch mittels jquery Dynamic Action öffnet modalen Dialog

24 Corporate Design Union Investment Icons

25 Navigationsbaum ausklappen bei Klick auf obere Ebene 25

26 Menu Template 26

27 APEX Footer entfernen mit JavaScript <footer class="t-footer"> release 2.0 <a href="f?p=14541:1: :set_session_screen_reader_on::::"> Set Screen Reader Mode On </a> </footer> $('.t-footer').html($('.t-footer').html().replace(version,'')); $('.t-footer a').css('display','none'); Alternative 27

28 Eigener Footer fest unten rechts.t-footer { position: fixed; right: 0; bottom: 0; }

29 Ges

30 Fazit Universal Theme mit Corporate Design ist möglich Gute CSS Kenntnisse sind erforderlich Komplexe Selektoren notwendig Modale Dialoge gezielt einsetzen Subscription beibehalten ist möglich

31 Weitere Vorträge am

32 Oliver Lemm Telefon: oliver.lemm@mt-ag.com ROADSHOW VON FORMS NACH APEX Hamburg Düsseldorf Frankfurt München