DOAG Konferenz 2016 FondsProfiler 2.0 mit Universal Theme Jens Seidel, Oliver Lemm Frankfurt, 15. November 2016
Wer kennt diesen Sparstrumpf?
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 1.150 Fonds* beschäftigt ca. 2.750 MitarbeiterInnen* ist Teil der genossenschaftlichen FinanzGruppe *Zahlen per Ende Mai 2016
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
Was ist ein Fondsprofil? Aktien Immobilien Renten Geldmarkt Fondsprofil UniSuperInvest Aufgelegt 15.11.2016 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 ;-)
Was war die Motivation für FondsProfiler 2.0? Der FondsProfiler wird von 950 User verwendet, speichert inzwischen 12900 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
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
Ausgangssituation APEX 4.1.0 Theme 22 Entwicklungsstart 2011 90 Seiten ca. 4000 Zeilen Javascript ca. 1000 Zeilen CSS ca. 2000 Datenbankobjekte
Themes 9
Reset & No Match 10
Matching Buttons 11
Migration Helper? 12
Templates angepasste Templates
Live CSS Themeroller 14
Loading Icon 15
Font Size 16
UT Grid Bug 17
18
Header
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; }
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; }
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; }
Modale Dialoge Wertelisten jede Werteliste auch deaktiviert sichtbar Ein modaler Dialog für alle Seiten Dynamisch mittels jquery Dynamic Action öffnet modalen Dialog
Corporate Design Union Investment Icons
Navigationsbaum ausklappen bei Klick auf obere Ebene http://max-tremblay.blogspot.de/2016/01/accordion-like-navigation-menu.html 25
Menu Template 26
APEX Footer entfernen mit JavaScript <footer class="t-footer"> release 2.0 <a href="f?p=14541:1:111065369566416: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 http://www.oracle-and-apex.com/remove-the-screen-reader-link-from-your-apex-footer-without-breaking-the-ut-subscription/ 27
Eigener Footer fest unten rechts.t-footer { position: fixed; right: 0; bottom: 0; }
Ges
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
Weitere Vorträge am 16.11.
Oliver Lemm Telefon: +49 2102 30961 0 oliver.lemm@mt-ag.com ROADSHOW VON FORMS NACH APEX 24.01.2017 Hamburg 25.01.2017 Düsseldorf 26.01.2017 Frankfurt 27.01.2017 München