SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Downloaden Sie, um offline zu lesen
HTML5, Cordova/PhoneGap und APEX

Niels de Bruijn, Fachbereichsleiter, MT AG
 |
MT AG
MANAGING TECHNOLOGY – BUSINESS BY INTEGRATION

Als anerkannter Partner der führenden Technologiehersteller
verbinden wir die Agilität eines mittelständischen Unternehmens
mit der Lösungskompetenz internationaler Beratungshäuser.

Hauptsitz                                                                                    Hamburg

Ratingen

Niederlassungen
Hamburg, Dortmund, Frankfurt,
Luxemburg
                                                                            Dortmund
                                                                          Ratingen
Tochtergesellschaften
MT-ifs GmbH, MT-ics GmbH
                                                                               Frankfurt
Beschäftigte (2012)                                        Luxemburg 
220 Festangestellte
80 Freiberufler




2 | APEX goes mobile
3 | APEX goes mobile
Von APEX Desktop zu PhoneGap
                       PC      Smartphone           Smartphone



                                                                         …




               Browser          Browser          PhoneGap App
                                                                         nativ


                                                                    js
         APEX <= 4.2           APEX 4.2            APEX 4.2
                            mit jQuery Mobile   mit jQuery Mobile




4 | APEX goes mobile
Nativ, HTML5 oder Hybrid?
                        Native (kein APEX)    HTML5 (APEX)             Hybrid (APEX & PhoneGap)
App Features
Graphics                Native APIs           HTML, Canvas, SVG        HTML, Canvas, SVG
Performance             Fast                  Slow                     Slow
Native look and feel    Native                Emulated                 Emulated
Distribution            Appstore              Web                      Appstore?

Device Access
Camera                  Yes                   Yes (media capture)      Yes
Notifications           Yes                   No                       Yes
Contacts, calendar      Yes                   No                       Yes
Offline storage         Secure file storage   Shared SQL               Secure file system, shared SQL
Geolocation             Yes                   Yes                      Yes

Gestures
Swipe                   Yes                   Yes                      Yes
Pinch, spread           Yes                   No                       Yes
Connectivity            Online and offline    Mostly online            Online and offline
Development skills      ObjectiveC, Java,     HTML5, CSS, Javascript   HTML5, CSS, Javascript



 5 | APEX goes mobile
Beispiel-App
                       Barcode Scanner




6 | APEX goes mobile
PhoneGap Build

Das Prinzip
 index.html verweist auf APEX
  - Alle Inhalte kommen aus APEX (auch die PhoneGap JS Bibliothek)
  - Vorteil 1: einmalig installieren, beliebig oft aktualisieren
  - Vorteil 2: alle (sensitive) Daten werden serverseitig vorgehalten


 index.html wird als ZIP hochgeladen und PhoneGap macht daraus eine fertige
  App für iPhone, Android, Windows Phone, Blackberry, etc.
  - Vorteil: keine x-Entwicklungsumgebungen notwendig
  - APEX Entwickler fühlen sich zu Hause: HTML, Javascript, CSS




7 | APEX goes mobile
PhoneGap (Build) für iPhone/iPad

 Apple möchte wissen wer welche App auf welchem Gerät hat
 Macbook ist einmalig notwendig um ein developer certificate zu bekommen
 Danach provisioning profile auf developer.apple.com erstellen und herunterladen
  - http://developer.apple.com (kostenpflichtig!)
  - Developer Certificate ist für Provisioning Profile notwendig
 Provisioning profile und developer certificate hochladen




8 | APEX goes mobile
Beispiel-App


                       Image Capture & Notification




9 | APEX goes mobile
Fazit

 Die Entwicklung von Web-Apps steht noch am Anfang
 Öffentliche Apps? Nativ!
 HTML5 kann immer mehr und sollte zuerst betrachtet werden
   - Warum sind native Funktionen notwendig?
 Wenn nicht mit HTML5 möglich, dann Cordova/PhoneGap
 PhoneGap Build: perfekt für den APEX Entwickler!




10 | APEX goes mobile
Wichtige Links

PhoneGap/Cordova
 http://cordova.apache.org


PhoneGap/Cordova Plugins
 https://github.com/phonegap/phonegap-plugins


PhoneGap Build
 https://build.phonegap.com




11 | APEX goes mobile
Buchempfehlung




12 | APEX goes mobile
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
   |

Weitere ähnliche Inhalte

Ähnlich wie MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.

Erstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsErstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsRalf Lütke
 
Mobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesMobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesAdrian Oggenfuss
 
2008 - Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
2008 - Gewinnung von OPEN SOURCE Techniken für junge Unternehmen2008 - Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
2008 - Gewinnung von OPEN SOURCE Techniken für junge UnternehmenBjoern Reinhold
 
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)Jens Küsters
 
Amgrade_2016
Amgrade_2016Amgrade_2016
Amgrade_2016shalenniy
 
MT AG Rapid Application Development mit APEX 5 (Important: latest version on ...
MT AG Rapid Application Development mit APEX 5 (Important: latest version on ...MT AG Rapid Application Development mit APEX 5 (Important: latest version on ...
MT AG Rapid Application Development mit APEX 5 (Important: latest version on ...Niels de Bruijn
 
Andreas Pleschek zu den Clients der Zukunft
Andreas Pleschek zu den Clients der ZukunftAndreas Pleschek zu den Clients der Zukunft
Andreas Pleschek zu den Clients der ZukunftIBM Lotus
 
Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
Gewinnung von OPEN SOURCE Techniken für junge UnternehmenGewinnung von OPEN SOURCE Techniken für junge Unternehmen
Gewinnung von OPEN SOURCE Techniken für junge UnternehmenBjoern Reinhold
 
Portale 2.0 mit Liferay
Portale 2.0 mit LiferayPortale 2.0 mit Liferay
Portale 2.0 mit Liferayinovex GmbH
 
Politische Kommunikation mit Apps
Politische Kommunikation mit AppsPolitische Kommunikation mit Apps
Politische Kommunikation mit Appscompuccino
 
Deutsche Wolke
Deutsche WolkeDeutsche Wolke
Deutsche WolkeThomas Uhl
 
Liferay Portal - ein Webportal für viele Unternehmensanforderungen
Liferay Portal - ein Webportal für viele UnternehmensanforderungenLiferay Portal - ein Webportal für viele Unternehmensanforderungen
Liferay Portal - ein Webportal für viele UnternehmensanforderungenGFU Cyrus AG
 
Doag2011 unternehmensanwendungen adf_mobile_next_vl_jm_final
Doag2011 unternehmensanwendungen adf_mobile_next_vl_jm_finalDoag2011 unternehmensanwendungen adf_mobile_next_vl_jm_final
Doag2011 unternehmensanwendungen adf_mobile_next_vl_jm_finalVolker Linz
 
Anwendungsmodernisierung mit Oracle Application Express (APEX)
Anwendungsmodernisierung mit Oracle Application Express (APEX)Anwendungsmodernisierung mit Oracle Application Express (APEX)
Anwendungsmodernisierung mit Oracle Application Express (APEX)Niels de Bruijn
 
Bayerische Staatsbibliothek: mobiler OPACplus
Bayerische Staatsbibliothek: mobiler OPACplusBayerische Staatsbibliothek: mobiler OPACplus
Bayerische Staatsbibliothek: mobiler OPACplusAndreas Neumann
 
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT Group
 

Ähnlich wie MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2. (20)

Erstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsErstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-Apps
 
Mobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesMobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & Websites
 
2008 - Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
2008 - Gewinnung von OPEN SOURCE Techniken für junge Unternehmen2008 - Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
2008 - Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
 
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)
 
Amgrade_2016
Amgrade_2016Amgrade_2016
Amgrade_2016
 
MT AG Rapid Application Development mit APEX 5 (Important: latest version on ...
MT AG Rapid Application Development mit APEX 5 (Important: latest version on ...MT AG Rapid Application Development mit APEX 5 (Important: latest version on ...
MT AG Rapid Application Development mit APEX 5 (Important: latest version on ...
 
Andreas Pleschek zu den Clients der Zukunft
Andreas Pleschek zu den Clients der ZukunftAndreas Pleschek zu den Clients der Zukunft
Andreas Pleschek zu den Clients der Zukunft
 
Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
Gewinnung von OPEN SOURCE Techniken für junge UnternehmenGewinnung von OPEN SOURCE Techniken für junge Unternehmen
Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
 
Portale 2.0 mit Liferay
Portale 2.0 mit LiferayPortale 2.0 mit Liferay
Portale 2.0 mit Liferay
 
Politische Kommunikation mit Apps
Politische Kommunikation mit AppsPolitische Kommunikation mit Apps
Politische Kommunikation mit Apps
 
Deutsche Wolke
Deutsche WolkeDeutsche Wolke
Deutsche Wolke
 
Liferay Portal - ein Webportal für viele Unternehmensanforderungen
Liferay Portal - ein Webportal für viele UnternehmensanforderungenLiferay Portal - ein Webportal für viele Unternehmensanforderungen
Liferay Portal - ein Webportal für viele Unternehmensanforderungen
 
Doag2011 unternehmensanwendungen adf_mobile_next_vl_jm_final
Doag2011 unternehmensanwendungen adf_mobile_next_vl_jm_finalDoag2011 unternehmensanwendungen adf_mobile_next_vl_jm_final
Doag2011 unternehmensanwendungen adf_mobile_next_vl_jm_final
 
SignalR
SignalRSignalR
SignalR
 
Anwendungsmodernisierung mit Oracle Application Express (APEX)
Anwendungsmodernisierung mit Oracle Application Express (APEX)Anwendungsmodernisierung mit Oracle Application Express (APEX)
Anwendungsmodernisierung mit Oracle Application Express (APEX)
 
Nefos: Nefos Mobile iPad App
Nefos: Nefos Mobile iPad AppNefos: Nefos Mobile iPad App
Nefos: Nefos Mobile iPad App
 
Bayerische Staatsbibliothek: mobiler OPACplus
Bayerische Staatsbibliothek: mobiler OPACplusBayerische Staatsbibliothek: mobiler OPACplus
Bayerische Staatsbibliothek: mobiler OPACplus
 
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
 
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
 
Phonegap Agentur
Phonegap AgenturPhonegap Agentur
Phonegap Agentur
 

Mehr von Niels de Bruijn

APEX 5.1 - Architektur, Installation & Betrieb
APEX 5.1 - Architektur, Installation & BetriebAPEX 5.1 - Architektur, Installation & Betrieb
APEX 5.1 - Architektur, Installation & BetriebNiels de Bruijn
 
Getting your grips on Excel chaos
Getting your grips on Excel chaosGetting your grips on Excel chaos
Getting your grips on Excel chaosNiels de Bruijn
 
Affordable Workflow Options for APEX
Affordable Workflow Options for APEXAffordable Workflow Options for APEX
Affordable Workflow Options for APEXNiels de Bruijn
 
APEX für den Oracle DBA
APEX für den Oracle DBAAPEX für den Oracle DBA
APEX für den Oracle DBANiels de Bruijn
 
Single Sign-On for APEX apps (Important: latest version on edocr!)
Single Sign-On for APEX apps (Important: latest version on edocr!)Single Sign-On for APEX apps (Important: latest version on edocr!)
Single Sign-On for APEX apps (Important: latest version on edocr!)Niels de Bruijn
 
The_Beauty_And_The_Beast_APEX_and_SAP
The_Beauty_And_The_Beast_APEX_and_SAPThe_Beauty_And_The_Beast_APEX_and_SAP
The_Beauty_And_The_Beast_APEX_and_SAPNiels de Bruijn
 
Schatten IT erfolgreich bekämpfen
Schatten IT erfolgreich bekämpfenSchatten IT erfolgreich bekämpfen
Schatten IT erfolgreich bekämpfenNiels de Bruijn
 
Single Sign-On for APEX applications based on Kerberos (Important: latest ver...
Single Sign-On for APEX applications based on Kerberos (Important: latest ver...Single Sign-On for APEX applications based on Kerberos (Important: latest ver...
Single Sign-On for APEX applications based on Kerberos (Important: latest ver...Niels de Bruijn
 
MT AG - KASS - Keep APEX Stupid Simple
MT AG - KASS - Keep APEX Stupid SimpleMT AG - KASS - Keep APEX Stupid Simple
MT AG - KASS - Keep APEX Stupid SimpleNiels de Bruijn
 
MT AG 8 Gute Gründe warum Forms zu APEX
MT AG 8 Gute Gründe warum Forms zu APEXMT AG 8 Gute Gründe warum Forms zu APEX
MT AG 8 Gute Gründe warum Forms zu APEXNiels de Bruijn
 
MT AG 7 Gute Gründe warum APEX
MT AG 7 Gute Gründe warum APEXMT AG 7 Gute Gründe warum APEX
MT AG 7 Gute Gründe warum APEXNiels de Bruijn
 

Mehr von Niels de Bruijn (14)

APEX Migration
APEX MigrationAPEX Migration
APEX Migration
 
Low-Code Testing Tool
Low-Code Testing ToolLow-Code Testing Tool
Low-Code Testing Tool
 
Flows for APEX
Flows for APEXFlows for APEX
Flows for APEX
 
APEX 5.1 - Architektur, Installation & Betrieb
APEX 5.1 - Architektur, Installation & BetriebAPEX 5.1 - Architektur, Installation & Betrieb
APEX 5.1 - Architektur, Installation & Betrieb
 
Getting your grips on Excel chaos
Getting your grips on Excel chaosGetting your grips on Excel chaos
Getting your grips on Excel chaos
 
Affordable Workflow Options for APEX
Affordable Workflow Options for APEXAffordable Workflow Options for APEX
Affordable Workflow Options for APEX
 
APEX für den Oracle DBA
APEX für den Oracle DBAAPEX für den Oracle DBA
APEX für den Oracle DBA
 
Single Sign-On for APEX apps (Important: latest version on edocr!)
Single Sign-On for APEX apps (Important: latest version on edocr!)Single Sign-On for APEX apps (Important: latest version on edocr!)
Single Sign-On for APEX apps (Important: latest version on edocr!)
 
The_Beauty_And_The_Beast_APEX_and_SAP
The_Beauty_And_The_Beast_APEX_and_SAPThe_Beauty_And_The_Beast_APEX_and_SAP
The_Beauty_And_The_Beast_APEX_and_SAP
 
Schatten IT erfolgreich bekämpfen
Schatten IT erfolgreich bekämpfenSchatten IT erfolgreich bekämpfen
Schatten IT erfolgreich bekämpfen
 
Single Sign-On for APEX applications based on Kerberos (Important: latest ver...
Single Sign-On for APEX applications based on Kerberos (Important: latest ver...Single Sign-On for APEX applications based on Kerberos (Important: latest ver...
Single Sign-On for APEX applications based on Kerberos (Important: latest ver...
 
MT AG - KASS - Keep APEX Stupid Simple
MT AG - KASS - Keep APEX Stupid SimpleMT AG - KASS - Keep APEX Stupid Simple
MT AG - KASS - Keep APEX Stupid Simple
 
MT AG 8 Gute Gründe warum Forms zu APEX
MT AG 8 Gute Gründe warum Forms zu APEXMT AG 8 Gute Gründe warum Forms zu APEX
MT AG 8 Gute Gründe warum Forms zu APEX
 
MT AG 7 Gute Gründe warum APEX
MT AG 7 Gute Gründe warum APEXMT AG 7 Gute Gründe warum APEX
MT AG 7 Gute Gründe warum APEX
 

MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.

  • 1. HTML5, Cordova/PhoneGap und APEX Niels de Bruijn, Fachbereichsleiter, MT AG |
  • 2. MT AG MANAGING TECHNOLOGY – BUSINESS BY INTEGRATION Als anerkannter Partner der führenden Technologiehersteller verbinden wir die Agilität eines mittelständischen Unternehmens mit der Lösungskompetenz internationaler Beratungshäuser. Hauptsitz  Hamburg Ratingen Niederlassungen Hamburg, Dortmund, Frankfurt, Luxemburg  Dortmund  Ratingen Tochtergesellschaften MT-ifs GmbH, MT-ics GmbH  Frankfurt Beschäftigte (2012) Luxemburg  220 Festangestellte 80 Freiberufler 2 | APEX goes mobile
  • 3. 3 | APEX goes mobile
  • 4. Von APEX Desktop zu PhoneGap PC Smartphone Smartphone … Browser Browser PhoneGap App nativ js APEX <= 4.2 APEX 4.2 APEX 4.2 mit jQuery Mobile mit jQuery Mobile 4 | APEX goes mobile
  • 5. Nativ, HTML5 oder Hybrid? Native (kein APEX) HTML5 (APEX) Hybrid (APEX & PhoneGap) App Features Graphics Native APIs HTML, Canvas, SVG HTML, Canvas, SVG Performance Fast Slow Slow Native look and feel Native Emulated Emulated Distribution Appstore Web Appstore? Device Access Camera Yes Yes (media capture) Yes Notifications Yes No Yes Contacts, calendar Yes No Yes Offline storage Secure file storage Shared SQL Secure file system, shared SQL Geolocation Yes Yes Yes Gestures Swipe Yes Yes Yes Pinch, spread Yes No Yes Connectivity Online and offline Mostly online Online and offline Development skills ObjectiveC, Java, HTML5, CSS, Javascript HTML5, CSS, Javascript 5 | APEX goes mobile
  • 6. Beispiel-App Barcode Scanner 6 | APEX goes mobile
  • 7. PhoneGap Build Das Prinzip  index.html verweist auf APEX - Alle Inhalte kommen aus APEX (auch die PhoneGap JS Bibliothek) - Vorteil 1: einmalig installieren, beliebig oft aktualisieren - Vorteil 2: alle (sensitive) Daten werden serverseitig vorgehalten  index.html wird als ZIP hochgeladen und PhoneGap macht daraus eine fertige App für iPhone, Android, Windows Phone, Blackberry, etc. - Vorteil: keine x-Entwicklungsumgebungen notwendig - APEX Entwickler fühlen sich zu Hause: HTML, Javascript, CSS 7 | APEX goes mobile
  • 8. PhoneGap (Build) für iPhone/iPad  Apple möchte wissen wer welche App auf welchem Gerät hat  Macbook ist einmalig notwendig um ein developer certificate zu bekommen  Danach provisioning profile auf developer.apple.com erstellen und herunterladen - http://developer.apple.com (kostenpflichtig!) - Developer Certificate ist für Provisioning Profile notwendig  Provisioning profile und developer certificate hochladen 8 | APEX goes mobile
  • 9. Beispiel-App Image Capture & Notification 9 | APEX goes mobile
  • 10. Fazit  Die Entwicklung von Web-Apps steht noch am Anfang  Öffentliche Apps? Nativ!  HTML5 kann immer mehr und sollte zuerst betrachtet werden - Warum sind native Funktionen notwendig?  Wenn nicht mit HTML5 möglich, dann Cordova/PhoneGap  PhoneGap Build: perfekt für den APEX Entwickler! 10 | APEX goes mobile
  • 11. Wichtige Links PhoneGap/Cordova  http://cordova.apache.org PhoneGap/Cordova Plugins  https://github.com/phonegap/phonegap-plugins PhoneGap Build  https://build.phonegap.com 11 | APEX goes mobile
  • 13. 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 |