MULTI-CHANNEL APPLICATION DEVELOPMENT BEST PRACTICES

Transkript

1 MULTI-CHANNEL APPLICATION DEVELOPMENT BEST PRACTICES Andreas Koop Geschäftsführung & Consulting

2 ÜBER MICH Andreas Koop Geschäftsführung & Consulting Beratung, Training Oracle Technologie ADF Certified Implementation Specialist Community DOAG, ADF EMG, ADF German Community, Google Blog News - Technical (english) - Technical (german)

3 AGENDA Multi-Channel Strategie Architekturbetrachtung Beispiele mit ADF & ADF Mobile Desktop, Tablet, Mobile Fazit & Ausblick 3

4 FRÜHER WAR ALLES EINFACHER Best Practice 3-tier Architecture Presentation Layer Business Rules / Logic / Process Layer Data Access Layer Users IT Stuff 4

5 EINE WEBANWENDUNG REICHT NICHT MEHR AUS Users Improved UX High Expectations Engagement?Next 5

6 Beispiel MULTI CHANNEL ERWARTUNGEN in the office on the go take photo on the couch 6

7 WIE SIEHT DIE IT ARCHITEKTUR AUS?? Users IT Stuff 7

8 #CHANNEL UND #TECHNOLOGIEN WACHSEN Channel Technology Browser HTML/CSS Cross-Browser HTML/CSS JavaScript AJAX Mobile/Tablet Web HTML5/CSS3 JavaScript AJAX WebSocket Responsive Design Mobile /Tablet Native/Hybrid HTML5/CSS3 JavaScript AJAX WebSocket Responsive Design ObjectiveC Java C# Glass Watch? Time 8

9 ..UND DAMIT ENTWICKLUNGS- / WARTUNGSKOSTEN Per-Channel Development Kosten / Aufwand Multi-Channel Development #Channels Browser Cross-Browser Mobile/Tablet Web Mobile /Tablet Native/Hybrid Glass Watch? 9

10 HERAUSFORDERUNGEN Zu viele Plattformen, zu wenig Zeit Gleiche Qualität auf allen Geräten Integration mit dem Backend 10

11 MULTI-CHANNEL ANSATZ Build Once Run Anyware 11

12 AGENDA Multi-Channel Strategie Architekturbetrachtung Beispiel mit ADF & ADF Mobile Desktop, Tablet, Mobile Fazit & Ausblick 12

13 MULTI-CHANNEL ARCHITECTURE? Responsive / Adaptive Design Native / Hybrid Apps Client-App HTML5/CSS3 HTML5/CSS3 Presentation Layer Service Layer REST / SOAP Business Rules / Logic / Process Layer Data Access Layer 13

14 MULTI-CHANNEL ARCHITECTURE MIT ADF Responsive / Adaptive Design Native / Hybrid / ADF Mobile Apps Client-App ViewController Taskflows / JSF REST-Service Layer SOA / OSB ADF Model (Binding) SOA/ WebServices EJB/ POJOs ADF BC ViewObjects EntityObjects ApplicationModule SOAP- Service ADF SDO 14

15 RESPONSIVE DESIGN BEST PRACTICES 1. Initial Scaling: ViewPort 2. Layout serverseitig anpassen Dynamic Page Templates UI-Komponentenbaum manipulieren 3. Media Queries (leider noch nicht im Skin-File) See also: and 15

16 ADF MOBILE BROWSER Apache MyFaces Trinidad, a set of JSF components optimized to render on mobile phone and delivers mobile-optimized user experiences through CSS No ADF Taskflows Presentation Layer NOT STRATEGIC ANYMORE 16

17 ADF BC SDO SOAP Service Layer SERVICES OUT OF THE BOX ADF BC ApplicationModule SOAP-Service ADF SDO HTTP(S)/SOAP ADF Mobile WS DataControl Nachteil für Mobile: High Volume Traffic 17

18 NO SUPPORT FOR ADF Service Layer BC SDO REST SERVICES YET ADF BC ApplicationModule REST-Service ADF SDO HTTP(S)/REST ADF Mobile WS DataControl Geplant für ADF Ab ADF sicherlich die einfachste Option, um bestehende Business Logik als Service für Mobile anzubieten 18

19 EJB -> REST SERVICE Service Layer REST Option 1 EJB REST Service HTTP(S)/REST ADF Mobile WS DataControl Bei bestehendem EJB Model OK Nachteil: Keine Wiederverw. des ADF BC Models (Fusion Stack) 19

20 EJB -> REST SERVICE HOWTO Service Layer REST Option 1 Entity-Klassen annotieren REST-Resource annotieren, ggf. Wrapper-Klasse Fertig REST for EveryOne See also: 20

21 ADF BC APPMODULE -> REST SERVICE Service Layer REST Option 2 ADF BC REST Resource -getrootam HTTP(S)/REST ADF Mobile WS DataControl 21

22 ADF BC APPMODULE -> REST SERVICE Service Layer REST Option 2 Vorteil ADF BC Logic zu 100% wiederverwendbar Nachteil Hoher manueller Aufwand für REST Service- Erstellung 22

23 ADF BC SDO EJB -> REST Service Layer REST Option 3 ADF BC ApplicationModule ADF SDO REST Service HTTP(S)/REST ADF Mobile WS DataControl 1. Inject EJB 2. Use ServiceBean Wrapper -Klasse anlegen 23

24 ADF BC SDO EJB -> REST Service Layer REST Option 3 Vorteil ADF BC Logic zu 100% wiederverwendbar Geringer manueller Aufwand für REST Service- Erstellung Nachteil? ;) 24

25 WAS GIBT ES SONST NOCH? REST Zusammenfassung Ggf. macht es Sinn eine ADF Service-Fassade einzuführen, z.b. OPTIONAL ADF BC SDO SOAP ADF BC AM AM VO VO EO EO extend or customize Service Facade AM AM VO VO ADF BC SDO use ADF BC SDO REST REST -getam REST REST REST - No EOs here - Custom Tuning possible See also: (Building WS from an existing ADF application - ADF Insider) Geplant für ADF

26 AGENDA Multi-Channel Strategie Architekturbetrachtung Beispiel mit ADF & ADF Mobile Desktop, Tablet, Mobile Fazit & Ausblick 26

27 RESPONSIVE ADF APPLICATION DEMO NOW 27

28 ADF MOBILE APP Phone / Tablet Bessere Unterstützung für SOAP Services => WS DataControl 28

29 ADF MOBILE APP Phone / Tablet REST-JSON Service Einbindung nur programmatisch 29

30 ADF MOBILE - REMOTE URL INTEGRATION Einbettung von Webseiten / Apps über eine URL Einsatz / Empfehlung bei News / Status-Seiten Bestehende ADF Mobile Browser Apps 30

31 ADAPTIVE ADF MOBILE APP Tablet / Phone Feature Constraints 31

32 AUSWAHLEMPFEHLUNG STAND HEUTE 1) Responsive ADF Web (das Mindestmaß) ADF Mobile Browser nicht mehr zu empfehlen 2) SOAP Services auf ADF BC generieren 3) Phone-Variante in einer ADF Mobile App implementieren (Content Constraints vorsehen) WS DataControl bei eigenen Services / ggf. REST bei Service-Fremdanbietern 4) Tablet-Variante auf Basis von 3) ausbauen 32

33 AGENDA Multi-Channel Strategie Architekturbetrachtung Beispiel mit ADF & ADF Mobile Desktop, Tablet, Mobile Fazit & Ausblick 33

34 FAZIT Multi-Channel ist nicht wegzudenken Responsive Design für WebApps ist Standard. Auf das API-/ServiceFassade-Design kommt es an (REST/SOAP, Cloud, ) REST Unterstützung in ADF noch nicht optimal Testen / QA bleibt eine Herausforderung TestFlight usw 34

35 AUSBLICK ADF wird die Entwicklungsproduktivität verbessern ADF BC REST Services, Tablet First Template, CSS3 MediaQueries Akzeptanz von Mobile/Tablet Hybrid Apps steigt Verbesserung der User Experience / Performance Fast alle Gerätefeatures werden unterstützt 35

36 VIELEN DANK FÜR IHRE AUFMERKSAMKEIT HABEN SIE NOCH FRAGEN?

37 ENTERPRISE PRAGMATIC IT Consulting Training Development Oracle Business Intelligence Oracle WebCenter Oracle ADF ADF Mobile Oracle WebLogic Oracle Fusion Middleware 37

38 PARTNERSCHAFTEN 38

39