WebCenter Spaces Mobile Applikation für Android & ios

WebCenter Spaces Mobile Applikation für Android & iOS Volker Linz Systemberater, FMW Oracle 1 Copyright © 2013, Oracle and/or its affiliates. All ri...
Author: Julius Lange
0 downloads 1 Views 3MB Size
WebCenter Spaces Mobile Applikation für Android & iOS Volker Linz Systemberater, FMW Oracle

1

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Agenda 

Einführung



Einbettung in einer Architektur – Oracle Mobile Plattform

– Anwendungsarchitketur der WebCenter Spaces Mobile App



Entwicklung der WebCenter Spaces Mobile App – Methodik – Projekterfahrungen ink. Herausforderungen & Lösungsansätzen



2

Ausblick

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Einführung

3

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Projektidee •

auf dem ADF Hackers Event 2013 entstanden



Hacking des ersten Prototypen



Hybride WebCenter App basierend auf einer Codebase



Berücksichtigung der WebCenter Portal Mobile Strategie

4

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Technische Kernanforderungen Develop Decide on mobile develop frameworks & UI Technology

Manage

Develop

Adapt existing website & portals for mobile

Connect Expose & integrate existing back-end services

Secure

Deploy

Connect

Secure & provision apps for mobile access Protect data on mobile device against loss of device

Deploy Deploy server side services

Secure

Manage Distribute app to users Ensure end-to-end performance & HA Support app upgrades

5

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

3 Arten von mobilen Applikationen Mobile Web Apps  Online Applikation Zugriff über Browser des mobilen Geräts  Browser steuert Zugriff auf lokalen Speicher und Gerätefkt. (Kamera, GPS, etc.)  Hohe Wiederverwendbar keit des Code  hohe Portierbarkeit

6

Native Mobile Apps

Hybrid Mobile Apps

 Applikation nativ installiert & läuft auf dem Geräte

 Anwendung installiert & läuft nativ in einer HTML5 UI

 spezifisch optimiert für jeweilige Mobile Platform (Form factor)

 spezifisch optimiert für jeweilige Mobile Platform (Form factor)

 direkter Zugriff auf lokalen Speicher und Gerätediensten

 direkter Zugriff auf lokalen Speicher und Gerätediensten

 Wiederverwendbarkeit ist sehr komplex

 Wiederverwendbarkeit ist einfach gegeben

 Portabilität erfordert Aufwand

 Portabilität erleichtert

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Mobile Web App

Native App

( in Safari)

(iOS)

Oracle’s Multi-Channel Ansatz für Mobility One size does not fit all  Oracle’s Fusion Plattform ist vom

Design eine Multi-Channel Plattform  Fusion Apps & Middleware wurden unter Verwendung ADF gebaut (Tablet Browser Support)  aktuell wird hinsichtlich Mobilgeräte unter Nutzung eine Vielfalt an Technologien erweitert  Mehrzahl verfolgt hybriden Ansatz (ADF Mobile) um das Beste aus beiden Welten zu verwenden

User Experience

Die Zukunft ist Multi-Plattform, Multichannel Native

Hybrid

Web Portabilität

7

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Oracle ADF – Multi-Channel Framework

Database Legacy Systems

Oracle ADF

Cloud Web

Web Services Oracle Applications

8

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Office Mobile

Projektteam Java Entwickler mit HTML, CSS und ADF Know-How

Volker Linz

Daniel Popa 9

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Mihai Decu

Einbettung in eine Architektur

10

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Mobile Application Platform & Oracle FMW Comprehensive, Integrated and Choices for Customers Develop & Deploy Platform

Develop: ADF & ADF Mobile Secure: OAM for Mobile and Social Mobile Identify Mgmt(Future) Deploy: WebLogic Server

Manage: Enterprise Manager 11

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Enterprise Applications Connect: OSB, OAG, SOA Suite, SOA Governance

Devices

Custom Apps Oracle Apps Partner Apps

WebCenter Spaces Mobile App Architektur

12

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Demo WebCenter Spaces Mobile App

13

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

ADF Mobile Architektur Device Native Container

Local HTML

Server HTML

ADF Controller

Push Handler

Java VM

ADF Model

Device Services 14

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.

JDBC

Cordova

Business Logic

Configuration Server Credential Management, SSO & Access Control

ADF Mobile AMX View

App Config

HTML5 & JavaScript Presentation

Web View

SQLite

Encrypted SQLite DB

Mobile Device

Server-Generated HTML

APN/GCM Push Services

SOAP & REST Services

Server

Entwicklung der WebCenter Spaces Mobile App JDeveloper

15

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Setup, Konfiguration, Testing, Debugging & Deploying

16

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

JDeveloper Setup & Konfiguration 1.

• • • 2. •

Installiere ADF Development Environment Oracle JDeveloper (Studio Edition) 11.1.2.4.x oder höher ADF Mobile Extension (Help – Check for Updates) Überprüfe, ob ADF Mobile Extension installiert wurde Installiere und konfiguriere Deployment Environment iOS Simulator, xcodebuild & iTunes

• Android SDK und Plattform locations 3.

17

Definiere Form Factors • Definier Gerättyp Auflösung für Preview Ansicht

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

JDeveloper

iOS Developer Programme  kostenfreies Programm – jeder registrierter Entwickler mit einer eigenen Apple ID – Erlaubt Entwickler ältere Versionen von Xcode herunterzuladen  Standard Programm – $99 USD oder äquivalente Gebühr pro Jahr – alle Funktionen wie kostenfreies Programm plus: • Deployment auf mobilen Geräten die als Entwickergeräte registriert sind

• Bereitstellung der iOS Applikation im Apple AppStore  Enterprise Programm – $299 USD oder äquivalente Gebühr pro Jahr

– alle Features des Standardprogrammes zzgl. direkter Verteilung für jegliches Gerät im

Unternehmen

18

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Deploying

 erstelle Deployment-Profile – separat für Android / iOS

 setze notwendige Eigenschaften

 wähle Release oder Debug Modus  Deploy – mobiles Gerät – Emulator – Package

19

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

OS spezifische Optionen iOS und Android

20

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Debugging

 nutze Remote Java Debugging – für Gerät oder Emulator  Setze Debug Optionne in cvm.properties Datei – Debug=true, port number

 verifiziere “remote debug” in viewController Projekt run/debug

Einstellungen  Für Android - starte adb port forwarding fürs Debugging – adb -d forward tcp:8000 tcp:8000

 Debugbing der Applikation

21

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Logging

 Setze Eigenschaft in logging.properties Datei im in /.adf/META-INF

Verzeichnis  Logging startet zur gleichen Zeit wie die Applikation  Nur Inhalte der aktuellen Instanz sind verfügbar  Log-Ausgabe hat den gleichen Namen wie die Applikation  Standardmäßig nutzen alle Loggers com.sun.util.logging.ConsoleHandler mit SimpleFormatter Formatierung und dem Log-Level SEVERE

22

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Logging API

 Java Script Logging – adf.mf.log.Application.logp(adf.mf.log.level.WARNING, "myClass",

"myMethod", "My Message");  Java Logging – Logger.getLogger( Utility.APPLICATION_LOGNAME).logp(

Level.WARNING, this.getClass().getName(), "onTestMessage", "embedded warning message 2");

23

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Logging am Beispiel (iOS / Android)

24

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Backup Slides Entwicklung mit ADF Mobile Demo

25

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Projekterfahrungen

26

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Herausforderungen  wenig Programmierbeispiele für die Nutzung der WebCenter REST

API, um Spaces auf einer mobilen Plattform nativ zu nutzen  Unterschiedliche Implementierung bei von Fkt. der WebCenter REST API (z.B. Content & Portal)  funktionale Einschränkungen der WebCenter Portal REST API, z.B. lesender Zugriff auf Nutzerprofil-Informationen, nur der Status kann aktualisiert werden  Unterschiede der mobilen Betriebssysteme, z.B. Deployment (Zertifikate), Debugging & Testing Werkzeuge  zeitliche Umsetzung des Projekts  Migration von ADF Mobile auf aktuellste Release 27

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Lösungsansätze

 Try- and Catch, Vorlage waren JS Calls aus der Dokumentation  viele Funktionstests  Mgl. Erweiterungen im neuen WC Release, die genutzt werden können

 Externe Werkzeuge aus dem JDeveloper aufrufen  Projektierung in mehreren Phasen, kurze Implementierungsphasen

(agiles Projektmanagement)  Testing und manuelles Anpassen im Code, da es funktionale Änderungen gab 28

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Ausblick

29

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Zusammenfassung  Oracle ADF Mobile ermöglicht iOS and

Android Anwendungen zu entwickeln  Abstrahiert Komplexität und erleichtert Entwicklung  Wiederverwendung von Java & ADF skills  Einfache Einbindung bestehender FMW Web Services via REST & SOAP  Integration bestehender (Web-) Inhalte in die mobile Applikation

30

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

weitere Informationen

 ADF Mobile OTN Site  ADF Academy – ADF Mobile Online Training  ADF Mobile Blog

 Further ADF Mobile Blogs  Mobile UX Design Patterns & Guidelines  Treten Sie G+ JDeveloper, ADF & ADF Mobile Community bei  Folgen Sie @JDeveloper und @ADFCommunityDE

31

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

OTN ADF Community

32

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

Fragen & Antworten Kontakt aufnehmen  [email protected]

@sporti1703

 in folgenden sozialen Netzwerken:

33

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.

34

Copyright © 2013, Oracle and/or its affiliates. All rights reserved.