1. APEX goes mobile
Niels de Bruijn, Fachbereichsleiter, MT AG
DOAG SIG Development, 21.02.2013
|

2. MT AG
Daten und Fakten
Als anerkannter Partner der führenden Technologiehersteller
verbinden wir die Agilität eines mittelständischen Unternehmens
mit der Lösungskompetenz internationaler Beratungshäuser.
 Hamburg
Hauptsitz
Ratingen
Niederlassungen
Hamburg, Dortmund, Frankfurt, Luxemburg
 Dortmund
 Ratingen
Tochtergesellschaft
MT-ifs GmbH
 Frankfurt
Luxemburg 
Beschäftigte (2012)
220 Festangestellte
80 Freiberufler
2 | APEX goes mobile

3. APEX.MT-AG.COM
APEX.MT-AG.COM
3 | APEX goes mobile

4. Datenzentrierte Webapps für unterwegs
Live Demo
4 | APEX goes mobile

5. Sample Application
5 | APEX goes mobile

6. Sample Application
6 | APEX goes mobile

7. Wissenswertes über mobile Apps in APEX4.2…
 Eine Anwendung kann mehrere User-Interfaces haben
 Pro UI: eigenes Theme, eigene Anmeldeseite, eigene “Global Page”
 Auto-Detect vorhanden
 Chart: wenn nicht Flash, dann HTML 5
 Elementtypen für mobile Endgeräte optimiert:
- Slider, HTML 5 Date Picker und “Yes/No” Flip Toggle Switch
 Attribut “Value Placeholder”: Was wird als Eingabeformat erwartet?
 Texteingabe kennt nun Subtypen: E-Mail, Telefonnr., URL, Text
 Zeigt auf mobilen Geräten direkt die passende Tastatur an …
 Community-Tipp von Carsten:
https://apex.oracle.com/pls/apex/GERMAN_COMMUNITIES.SHOW_TIPP?P_ID=241
7 | APEX goes mobile

8. Gut zu wissen…
 Bekannter Fehler in 4.2.1:
 Leider nicht unterstützt: Interactive Reports & tabellarische Formulare
- Workaround: Desktop Anwendung mit Theme 25 verwenden
 “Transitions” ändern:
8 | APEX goes mobile

9. jQuery Mobile macht’s möglich
 'Touch-optimized' JavaScript framework für mobile Geräte
 Nicht gleich jQuery!
 Einheitliches User-Interface für alle mobilen Geräte:
 ThemeRoller: http://jquerymobile.com/themeroller
- Community Tipp von Carsten:
https://apex.oracle.com/pls/apex/GERMAN_COMMUNITIES.SHOW_TIPP?P_ID=921
 Was wird unterstützt? http://jquerymobile.com/gbs
9 | APEX goes mobile

10. jQuery Mobile macht’s möglich
 List View
<ul data-role="listview"
data-inset="true"
data-filter="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
10 | APEX goes mobile

11. Die Qual der Wahl
11 | APEX goes mobile

12. Möglichkeiten für mobile Endgeräte
APEX:
 Desktop-Anwendung mit optimierter Darstellung für mobile Endgeräte
- Web Responsive Design (Theme 25)
 Mobile-Anwendung für Smartphones und/oder Tablets
 Kombiniert geht auch…
APEX + PhoneGap:
 Webapp mit nativen Möglichkeiten
12 | APEX goes mobile

13. Von APEX Desktop zu PhoneGap
PC Smartphone/Tablet Smartphone/Tablet
…
Browser Browser PhoneGap App
nativ
js
APEX <= 4.2 APEX 4.2 APEX 4.2
mit jQuery Mobile mit jQuery Mobile
13 | APEX goes mobile

14. Mehr erfahren?
16 | APEX goes mobile

15. DOAG Expertenseminar am 09.04 und 10.04
Mehr erfahren?
APEX für Experten mit Niels de Bruijn und Oliver Lemm
Themen:
 Neues in APEX 4.2
 Komplexe APEX Anwendungen meistern
Anmeldung unter (DOAG > Events > Expertenseminare):
http://www.doag.org/termine/termine.php?tid=453359
17 | APEX goes mobile

16. Vielen Dank.
MT AG
Balcke-Dürr-Allee 9
40882 Ratingen
Telefon: +49 (0) 21 02 309 61-0
Telefax: +49 (0) 21 02 309 61-10
E-Mail: apex@mt-ag.com
www.mt-ag.com
|