Als PDF, PPTX herunterladen
Hochgeladen vonAndreas Koop
Multichannel Application Development Best Practices
Das Dokument behandelt Best Practices für die Entwicklung von Multi-Channel-Anwendungen, einschließlich Trends in der Architektur und Benutzeroberfläche für Desktop, Tablets und mobile Geräte. Es betont die Herausforderungen, die mit der Implementierung einer einheitlichen Benutzererfahrung über verschiedene Plattformen hinweg verbunden sind, sowie die Notwendigkeit von Responsive Design und Integration von Backend-Services. Zudem wird auf zukünftige Entwicklungen und Verbesserungen in der ADF-Technologie hingewiesen.
Multichannel Application Development Best Practices
- 1. MULTI-CHANNEL APPLICATION DEVELOPMENTBEST PRACTICES Andreas Koop Geschäftsführung & Consulting DOAG Development, 04.06.2014, Düsseldorf
- 2. & Consulting ÜBERMICH Andreas Koop Geschäftsführung Beratung, Training Oracle Technologie ADF Certified Implementation Specialist Community DOAG, ADF EMG, ADF German Community, Google Plus, Twitter @multikoop @enpit Blog News - http://www.enpit.de/blog Technical (english) - http://multikoop.blogspot.com Technical (german) - http://enpit.blogspot.com 2 www.scope-alliance.de
- 3. AGENDA Multi-Channel Strategie Architekturbetrachtung Beispiele mit ADF & ADF Mobile Desktop, Tablet, Mobile Fazit & Ausblick DOAG Development, 04.06.2014, Düsseldorf 3
- 4. FRÜHER WAR ALLES EINFACHER DOAG Development, 04.06.2014, Düsseldorf 4 Presentation Layer Business Rules / Logic / Process Layer Data Access Layer IT Stuff Users Best Practice 3-tier Architecture
- 5. EINE WEBANWENDUNG REICHTNICHT MEHR AUS DOAG Development, 04.06.2014, Düsseldorf Users ?Next Improved UX High Expectations Engagement 5
- 6. MULTI CHANNEL ERWARTUNGEN DOAG Development, 04.06.2014, Düsseldorf 6 in the office on the go take photo on the couch Beispiel!
- 7. WIE SIEHT DIEIT ARCHITEKTUR AUS? Users IT Stuff DOAG Development, 04.06.2014, Düsseldorf 7 ?
- 8. #CHANNEL UND #TECHNOLOGIENWACHSEN Browser Cross-Browser DOAG Development, 04.06.2014, Düsseldorf 8 Time Channel Technology ! Mobile/Tablet Web HTML/CSS HTML/CSS JavaScript AJAX HTML5/CSS3 JavaScript AJAX WebSocket ! Responsive Design Mobile /Tablet Native/Hybrid HTML5/CSS3 JavaScript AJAX WebSocket ! Responsive Design ! ObjectiveC Java C# Glass Watch ? … …
- 9. ..UND DAMIT ENTWICKLUNGS- / WARTUNGSKOSTEN ! DOAG Development, 04.06.2014, Düsseldorf 9 Per-Channel Development #Channels Kosten / Aufwand Browser Cross-Browser ! Mobile/Tablet Web … … Mobile /Tablet Native/Hybrid Glass Watch ? Multi-Channel Development
- 10. HERAUSFORDERUNGEN ‣ Zuviele Plattformen, zu wenig Zeit ‣ Gleiche Qualität auf allen Geräten ‣ Integration mit dem Backend DOAG Development, 04.06.2014, Düsseldorf 10
- 11. MULTI-CHANNEL ANSATZ DOAGDevelopment, 04.06.2014, Düsseldorf 11 Build Once Run „Anyware“
- 12. AGENDA Multi-Channel Strategie Architekturbetrachtung Beispiel mit ADF & ADF Mobile Desktop, Tablet, Mobile Fazit & Ausblick DOAG Development, 04.06.2014, Düsseldorf 12
- 13. MULTI-CHANNEL ARCHITECTURE? DOAGDevelopment, 04.06.2014, Düsseldorf Service Layer Data Access Layer 13 Presentation Layer Business Rules / Logic / Process Layer Responsive / Adaptive Design Native / Hybrid Apps Client-App HTML5/CSS3 HTML5/CSS3 REST / SOAP
- 14. DOAG Development, 04.06.2014,Düsseldorf SOA / OSB … MULTI-CHANNEL ARCHITECTURE MIT ADF 14 ViewController Taskflows / JSF SOA/ WebServices EJB/ „POJOs“ REST-Service Layer ADF BC !! ViewObjects EntityObjects Responsive / Adaptive Design Native / Hybrid / ADF Mobile Apps Client-App ADF Model (Binding) SOAP-Service ADF SDO ApplicationModule
- 15. RESPONSIVE DESIGN BESTPRACTICES ‣ 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: http://www.ateam-oracle.com/going-mobile-with-adf-running-adf-faces-on-mobile-phones-and-tablets/ and http://de.slideshare.net/stevendavelaar/running-adf-faces-on-tablets-and-mobile-phones DOAG Development, 04.06.2014, Düsseldorf 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 DOAG Development, 04.06.2014, Düsseldorf 16 Presentation Layer NOT STRATEGIC ANYMORE!
- 17. ADF BC SDOSOAP SERVICES OUT OF THE BOX ! ! ! ! ‣ Nachteil für Mobile: High Volume Traffic DOAG Development, 04.06.2014, Düsseldorf 17 ADF Mobile ! SOAP-Service ADF SDO ADF BC ApplicationModule HTTP(S)/SOAP WS DataControl Service Layer
- 18. NO SUPPORT FORADF BC SDO REST SERVICES YET ! ! ! ! ‣ Ab ADF 12.1.3+ sicherlich die einfachste Option, um bestehende Business Logik als Service für Mobile anzubieten! DOAG Development, 04.06.2014, Düsseldorf 18 REST-Service ADF SDO ADF Mobile ! WS DataControl ADF BC ApplicationModule HTTP(S)/REST Geplant für ADF 12.1.3+ Service Layer
- 19. EJB -> RESTSERVICE ! ! ! ‣ Bei bestehendem EJB Model OK ‣ Nachteil: Keine Wiederverw. des ADF BC Models (Fusion Stack) DOAG Development, 04.06.2014, Düsseldorf 19 EJB REST Resource @EJB Service ADF Mobile ! HTTP(S)/REST WS DataControl Service Layer REST Option 1
- 20. EJB -> RESTSERVICE HOWTO ‣ Entity-Klassen annotieren ‣ REST-Resource annotieren, ggf. Wrapper-Klasse ! ! ! ‣ Fertig! See also: http://www.oracle.com/technetwork/issue-archive/2014/14-mar/o24adf-2147201.html DOAG Development, 04.06.2014, Düsseldorf 20 Service Layer REST Option 1 REST for EveryOne
- 21. ADF BC APPMODULE -> REST SERVICE ! ! DOAG Development, 04.06.2014, Düsseldorf 21 ADF BC REST Resource -getRootAM ADF Mobile ! HTTP(S)/REST WS DataControl Service Layer REST Option 2
- 22. ADF BC APPMODULE -> REST SERVICE ‣ Vorteil ‣ ADF BC Logic zu 100% wiederverwendbar ‣ Nachteil ‣ Hoher manueller Aufwand für REST Service- Erstellung DOAG Development, 04.06.2014, Düsseldorf 22 Service Layer REST Option 2
- 23. ADF BC SDO EJB -> REST ! ! ‣ 1. Inject EJB ‣ 2. Use ServiceBean DOAG Development, 04.06.2014, Düsseldorf REST Resource @EJB Service 23 ADF Mobile ADF BCADF SDO ! ApplicationModule HTTP(S)/REST WS DataControl Wrapper -Klasse anlegen Service Layer REST Option 3
- 24. ADF BC SDO EJB -> REST ‣ Vorteil ‣ ADF BC Logic zu 100% wiederverwendbar ‣ Geringer manueller Aufwand für REST Service- DOAG Development, 04.06.2014, Düsseldorf 24 Erstellung ‣ Nachteil ‣ ? ;) Service Layer REST Option 3
- 25. WAS GIBT ESSONST NOCH? ‣ Ggf. macht es Sinn eine ADF Service-Fassade AM DOAG Development, 04.06.2014, Düsseldorf 25 einzuführen, z.B. ADF BC ! ! ! ! ! AM VO VO EOEO Service Facade ! ! ! ! AM AM VOVO ADF BC SDO REST -getAM ADF BC SDO REST REST @EJB ADF BC SDO SOAP REST REST REST Geplant für ADF 12.1.3+ extend or customize - No EOs here! - Custom Tuning possible See also: https://www.youtube.com/watch?v=6QAkq3bI97M (Building WS from an existing ADF application - ADF Insider) REST Zusammenfassung use OPTIONAL
- 26. AGENDA Multi-Channel Strategie Architekturbetrachtung Beispiel mit ADF & ADF Mobile Desktop, Tablet, Mobile Fazit & Ausblick DOAG Development, 04.06.2014, Düsseldorf 26
- 27. RESPONSIVE ADF APPLICATION DOAG Development, 04.06.2014, Düsseldorf 27 DEMO NOW
- 28. ADF MOBILE APP ‣ Phone / Tablet DOAG Development, 04.06.2014, Düsseldorf ‣ Bessere Unterstützung für SOAP Services ‣ => WS DataControl 28
- 29. ADF MOBILE APP ‣ Phone / Tablet DOAG Development, 04.06.2014, Düsseldorf ‣ REST-JSON Service 29 Einbindung nur programmatisch
- 30. ADF MOBILE -REMOTE URL INTEGRATION ‣ Einbettung von Webseiten / Apps über eine URL ‣ Einsatz / Empfehlung bei ‣ News / Status-Seiten ‣ Bestehende ADF Mobile Browser Apps DOAG Development, 04.06.2014, Düsseldorf 30
- 31. ADAPTIVE ADF MOBILEAPP ‣ Tablet / Phone Feature Constraints DOAG Development, 04.06.2014, Düsseldorf 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 DOAG Development, 04.06.2014, Düsseldorf 32
- 33. AGENDA Multi-Channel Strategie Architekturbetrachtung Beispiel mit ADF & ADF Mobile Desktop, Tablet, Mobile Fazit & Ausblick DOAG Development, 04.06.2014, Düsseldorf 33
- 34. FAZIT ‣ Multi-Channelist 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… DOAG Development, 04.06.2014, Düsseldorf 34
- 35. AUSBLICK ! ‣ADF 12.1.3+ 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 DOAG Development, 04.06.2014, Düsseldorf 35
- 36. VIELEN DANK FÜRIHRE AUFMERKSAMKEIT HABEN SIE NOCH FRAGEN?
- 37. ENTERPRISE PRAGMATIC IT Consulting Training Development Oracle Business Oracle Oracle ADF Oracle Intelligence WebCenter ADF Mobile WebLogic Oracle Fusion Middleware 37
- 38.