APEX 5.1 Design Crashkurs

36 Pages·2017·2.85 MB·German

APEX 5.1 Design Crashkurs
Steven Grzbielok:
09.05.2017 | APEX connect 2017
Facts & Figures
Hauptsitz
240 Beschäftigte
Mittelständischer IT-Dienstleister Ratingen
Technologie-orientiert
Branchen-unabhängig
Managing Technology
Zertifizierter
28 Mio. Euro Gründung Partner von
Inhabergeführt
Umsatz 1994 Oracle, Microsoft
und SAP
Ausbildungs- Niederlassung
betrieb Frankfurt am Main
2
Über mich
▪ Steven Grzbielok
▪ Seit 08.2014 Berater bei der MT AG in Ratingen
▪ B.Sc. in Wirtschaftsinformatik, M.Sc. in Arbeit
▪ Beschäftigt sich seit 2014 mit Oracle Application Express
und Oracle Datenbanken
▪ APEX Showcase https://apex.mt-ag.com/
▪ Twitter https://twitter.com/sgrzbielok
3
Fragen?
Kurze Frage  Gerne direkt stellen!
Längere Frage  Im Workshop um 15:00 (Jazz 1+2) vorbeischauen
4
Agenda – APEX Grundlagen
1. Bestandteile der UI in APEX
2. Deklaratives UI Design
3. Erweitertes Design
5
Warum dieser Crashkurs?
▪ APEX ist für DB-Entwickler leicht umzusetzen (Backend)
▪ … Frontend benötigt Einarbeitung
6
Themes
▪ Ältere APEX Versionen: Viele verschiedene Themes
▪ APEX 5:
Responsive für Desktop und Mobile only:
mobile: (51) APEX mobile
(42) Universal Theme (Enthält diverse Komponenten, die speziell auf
(Standard in APEX 5) mobile Geräte ausgerichtet sind. Dafür fehlen
aber auch gewohnte Desktop Komponenten)
▪ Also: Entweder Universal Theme für mobile und Desktop oder Universal Theme für Desktop und
APEX mobile für die mobilen Endgeräte
7
Fragestellung: Muss man ein eigenes Theme erstellen?
Nein, außer Sie haben sehr viel Zeit!
▪ Universal Theme bietet ausreichend Möglichkeiten zur Anpassung für nahezu alle Anforderungen
Das selbe
Theme
Alternative Empfehlung: Material APEX von Vincent Morneau https://github.com/vincentmorneau/material-apex
8
(42) Universal Theme
One Size fits All
▪ Bringt von Haus aus eine Menge Komponenten mit
▪ Responsive
▪ Gute Darstellung sowohl auf Desktop- als auch mobilen Geräten
ohne weitere Anpassungen
▪ Farbliche Anpassungen an das Corporate Design
durch den Theme Roller möglich
▪ Strukturierung der Seiten durch den Page Designer
▪ Anlehnung an das Material Design
▪ Unterstützt Icon Fonts (APEX Icons bzw. Font Awesome direkt inklusive)
▪ Unterstützt CSS3 und HTML5
Selbst ausprobieren auf https://apex.oracle.com/ut
9
Universal Theme
Bestandteile eines Themes in APEX
▪ Templates
▪ Global Template Options
▪ Icons
▪ Images
▪ Styles
▪ Javascript & CSS Files
10