universal theme vs. apex mobile
TRANSCRIPT
![Page 1: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/1.jpg)
Universal Theme
vs.
APEX mobile
Davide Groppuso & Steven Grzbielok:
15.11.2016 | DOAG 2016
![Page 2: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/2.jpg)
Davide Groppuso, Berater APEX Development
Geboren 1995, lebt in Düsseldorf
Arbeitet seit Juni 2014 bei der MT AG
Zuletzt maßgeblich bei der Ablösung eines Lucom-Systems mit APEX beteiligt (u.a. Integration mit SAP, SSO)
2
Über mich
![Page 3: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/3.jpg)
Steven Grzbielok, Berater APEX Development
Geboren 1994, lebt in Frankfurt am Main
Arbeitet seit August 2014 bei der MT AG
Bachelor of Science in Wirtschaftsinformatik
Zuletzt vorrangig mit Oberflächendesign (z.B. Einführung einerAPEX-Landingpage, UI-Workshop…) aber auch Serveradministration und Virtualisierung beschäftigt
3
Über mich
![Page 4: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/4.jpg)
Im Überblick
Technologie-orientiert
Branchen-unabhängig
Hauptsitz
Ratingen240
Beschäftigte
Gründungsjahr
1994
Niederlassung
Frankfurt am Main
Ausbildungs-
betrieb
Inhabergeführte
Aktiengesellschaft
Zertifizierter
Partner von
Oracle,
Microsoft
und SAP
![Page 5: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/5.jpg)
Überblick
Universal Theme
APEX mobile
Fazit
Ausblick
Demo
5
Agenda
![Page 6: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/6.jpg)
Warum mobile Anwendungen entwickeln?
„If you don‘t have a mobile strategy, you don‘t have a
future strategy.“(Eric Schmidt, Google Executive Chairman)
6
![Page 7: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/7.jpg)
Mehr als jeder zweite Mitarbeiter arbeitet zumindest teilweise mobil
Zentrale Anforderung an IT-Abteilungen: Mobil verfügbare Geschäftsprozesse
Erhöhte Flexibilität
Schnellere Entscheidungsprozesse höhere Effizienz
Ortsunabhängiger Zugriff auf Anwendungen
Erhöhte Zufriedenheit bei Nutzern
Mehr Komfort
Warum mobile Anwendungen?
Überblick
http://idc.de/de/ueber-idc/press-center/56517-idc-studie-deutsche-unternehmen-setzen-auf-mobile-apps-zur-verbesserung-ihrer-geschaftsprozesse 7
![Page 8: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/8.jpg)
Ältere APEX Versionen: Viele verschiedene Themes
APEX 5:
8
Überblick
Responsive für Desktop und mobile:
42: Universal Theme
(Standard in APEX 5)
Mobile only:
51: APEX mobile
(Spezielle mobile Komponenten, jedoch
fehlen Desktop Funktionen)
![Page 9: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/9.jpg)
(42) Universal Theme
One Size fits All?
![Page 10: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/10.jpg)
Komponenten für Desktop und mobile Geräte out of the box
Responsive Design
Gute Darstellung auf Desktop und mobilen Geräten
Theme Roller
Farbliche Anpassungen (z.B. Corporate Design)
Anlehnung an das Material Design
Unterstützt Icon Fonts (Font Awesome)
Unterstützt CSS3 und HTML5
Selbst ausprobieren auf https://apex.oracle.com/ut
10
One Size fits All
Universal Theme
![Page 11: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/11.jpg)
Navigation passt sich automatisch an
Texte und Icons werden abhängig von der Bildschirmgröße ein- und ausgeblendet
Hamburger-Icon zum Ein- und Ausblenden (unabhängig vom Bildschirm)
Schriftgröße passt sich der Bildschirmgröße an
Die meisten Komponenten sind ebenfalls Responsive-Design-fähig
Ausnahmen vorhanden!
Anordnung der Komponenten variiert je nach Bildschirmgröße
11
Responsives Verhalten
![Page 12: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/12.jpg)
12
Wie verändert sich das Design auf unterschiedlichen Bildschirmgrößen?
Responsives Verhalten
![Page 13: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/13.jpg)
13
Überarbeitetes Grid Layout
12 Spalten pro Seite bzw. Region
Spalten je Region/Item automatisch oder statisch definierbar
Spaltenzahl variiert aufgrund der Bildschirmgröße
Regionen und Items „springen“ in die nächste Zeile
![Page 14: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/14.jpg)
14
Überarbeitetes Grid Layout
![Page 15: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/15.jpg)
Regions
Classic Report
Interactive Report
Tabular Form
Map Chart
Region Display Selector
Tree
Modale Dialoge
Gut nutzbar, werden jedoch u.U. nicht als solche wahrgenommen
Verzögerung(300ms) bei Antippen von Komponenten
Standard bei mobiler Entwicklung zur Vermeidung vonversehentlichen Klicks durch Touch Gesten
Theme Roller integriert nutzbar
15
Nur im Universal Theme enthalten
![Page 16: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/16.jpg)
16
Ergebnisse unter Android 6.0
Mangelhafte UX
Interactive Report Tabular Forms Map Chart
(Not supported)
![Page 17: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/17.jpg)
17
Mangelhafte UX
![Page 18: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/18.jpg)
18
Oracle JET
Die Zukunft des Universal Theme
DesktopMobile
![Page 19: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/19.jpg)
19
Interactive Grid
Die Zukunft des Universal Theme
Desktop
Mobile
![Page 20: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/20.jpg)
20
Master Detail Detail
Die Zukunft des Universal Theme
![Page 21: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/21.jpg)
APEX mobile
Lohnt sich der Mehraufwand?
![Page 22: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/22.jpg)
Einführung 2012 mit APEX 4.2
Verwendet jQuery mobile
Speziell für mobile Endgeräte entwickelt
Fokus auf Stabilität und Performance
Leichtgewichtiger als das UT (weniger CSS, HTML und JavaScript)
Geringere Ladezeiten auch bei schlechtem Empfang
Ajax-Seitenaufruf
„App-Gefühl“
APEX mobile
22
![Page 23: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/23.jpg)
23
Zusätzliche Features
APEX mobile
Column Toggle ReportReflow ReportList View
![Page 24: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/24.jpg)
24
Nur in APEX mobile enthalten
HTML 5 Formelemente
Nutzt Eingabemethode des mobilen Betriebssystems
Z.B. Datepicker, Kamera
Touch-optimierte Elemente (z.B. Slider, Kippschalter)
Im UT ohne JavaScript-Programmierung nicht nutzbar
Dynamic Actions können durch Touch Events ausgelöst werden
Fixierter Footer
![Page 25: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/25.jpg)
25
Hier liegt die Grenze
APEX mobile
Hohe Spaltenzahl im Querformat
Alternative: Column Toggle Report
Formatierung im Hochformat
Alternative: List View
Suchfunktion nur für eine Spalte Alternative: Unsichtbare Suchspalte
Reflow Report
List View
![Page 26: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/26.jpg)
26
Die Zukunft von APEX mobile
Oracle JET Integration
Integration neuer jQuery mobile Versionen
Theme Roller Integration
![Page 27: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/27.jpg)
Fazit
Nehme ich nun…
oder ?
![Page 28: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/28.jpg)
Anwendungsfall beachten
Eingesetzte Komponenten berücksichtigen
Universal Theme
Mobile friendly
Eine Anwendung für alle Geräte
Design im Fokus
Theme Roller
APEX mobile
Mobile only
Separate Desktopanwendung nötig Mehraufwand
Funktionalität im Fokus Usability
Bessere Performance (Seitenaufbau bis zu 1 Sek. schneller)
Nativeres Look&Feel
Universal Theme oder APEX mobile?
28
![Page 29: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/29.jpg)
Stärkere Weiterentwicklung des Universal Themes
Neue Features in APEX mobile zunächst nicht verfügbar
Jedoch auch im UT teils kaum mobil nutzbar
Empfehlung bleibt bestehen
Mobile-Touch besser im UT unterstützt
Z.B. Durch Carousel „swipen“
IR soll responsiver werden
29
Und was ist mit APEX 5.1?
![Page 30: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/30.jpg)
30
Mobile light – Ein Praxisbeispiel aus APEX 4.2
Alternative
Desktop-Anwendung + funktionsbeschränkte mobile App
Desktop for all & mobile for manager
Urlaubsanträge via Desktop einreichen
Genehmigen auch vom Smartphone möglich
Mobile interface
In APEX 5.0 nur UT
![Page 31: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/31.jpg)
Weitere Vorträge am 15.11.
![Page 32: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/32.jpg)
Davide Groppuso
Berater APEX Development
Telefon: +49 2102 30961 – 0
@dgroppuso
Steven Grzbielok
Berater APEX Development
Telefon: +49 2102 30961 – 0
@sgrzbielok
ROADSHOW
„VON FORMS NACH APEX“
24.01.2017 Hamburg
25.01.2017 Düsseldorf
26.01.2017 Frankfurt
27.01.2017 München
![Page 33: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/33.jpg)
9.-11. Mai 2017 in Berlin
apex.doag.org
Bis 21. November 2016
Vortrag einreichen!
![Page 34: Universal Theme vs. APEX mobile](https://reader034.vdocuments.us/reader034/viewer/2022042723/58f274281a28ab9b368b45c9/html5/thumbnails/34.jpg)
Zu den verschiedenen Optionen finden Sie hier Demos:
https://apex.mt-ag.com/apex/f?p=UAM
oder einfach folgenden QR-Code einscannen:
34
Testen Sie selbst!