!!!! Mail: Web: juergen-schuster-it.de. ! APEX D-A-CH Facebook Group: bit.ly/apex_on_facebook

Transkript

1 !!!! Mail: Web: juergen-schuster-it.de!! APEX D-A-CH Facebook Group: bit.ly/apex_on_facebook

2 Zu meiner Person Oracle (13 Jahre) Freiberuflich (5 Jahre) APEX > 10 Jahre Sonstige: Java, Ext-JS, QlikView, HANA SAP UI 5

3 Agenda Rich Client-, Web 2.0 Apps / Rich Internet Apps (RIA) Webarchitektur Basics und Beispiele Unterschied zu traditionellen Ansätzen z. B. Ext-JS It s all about Backend-Performance. Open Mic Night?

4 Agenda Rich Client-, Web 2.0 Apps / Rich Internet Apps (RIA) Webarchitektur Basics und Beispiele Unterschied zu traditionellen Ansätzen z. B. Ext-JS It s all about Backend-Performance. Open Mic Night?

5 Der Browser ist der neue Desktop

6 Der Browser ist der neue Desktop

7 Der Browser ist der neue Desktop

8 Klassisches APEX ohne AJAX

9 APEX mit Dynamic Actions (AJAX)

10 Änderungen in 5 Minuten gemacht

11 Voraussetzungen Genaues Verständnis von Web-Architektur Genaues Verständnis von APEX (Dynamic Actions) Hat aber im Grunde nichts mit APEX zu tun

12 Agenda Rich Client-, Web 2.0 Apps / Rich Internet Apps (RIA) Webarchitektur Basics und Beispiele Unterschied zu traditionellen Ansätzen z. B. Ext-JS It s all about Backend-Performance. Open Mic Night?

13 HTTP GET = f?p=110:101 = Show = Page Rendering POST = wwv_flow.accept = Page Processing AJAX (DA) = wwv_flow.show = HTML / JSON / PUT / DELETE

14 APEX - Frontend

15 GET = Rendering = show / POST = Processing = accept

16 HTTP GET = f?p=110:101 = Show = Page Rendering POST = wwv_flow.accept = Page Processing AJAX(DA)= wwv_flow.show = HTML / JSON / PUT / DELETE

17 Debugging AJAX Call

18 AJAX Call (APEX Debugging ON)

19 AJAX Call

20 AJAX Call

21 AJAX Call

22

23

24

25 jquery

26 Dynamic Action in jquery-syntax 2 of Elemt 1 on Event 3 at Condition 4 True Actions 5 False Actions Picture by: Dan McGhan

27 Dynamic Action in APEX 1 on Event 2 of Elemt 3 at Condition

28 Dynamic Action in APEX 4 True Action

29 Arten von Dynamic Actions Änderungen am Frontend (DOM) ohne DB Nachladen von Daten via AJAX aus der DB Meistens beides Beispiele: bit.ly/dynamic_actions Fragen: Bsp. auf apex.oracle.com->

30 APEX Dynamic Action Beispiele

31 APEX Dynamic Action Beispiele

32 APEX Dynamic Action Beispiele

33 APEX Dynamic Action Beispiele

34 APEX Dynamic Action Beispiele

35 APEX Dynamic Action Beispiele

36 Agenda Rich Client-, Web 2.0 Apps / Rich Internet Apps (RIA) Webarchitektur Basics und Beispiele Unterschied zu traditionellen Ansätzen z. B. Ext-JS It s all about Backend-Performance. Open Mic Night?

37 Vergleich zu anderen Technologien z. B. Ext-JS

38 Beispielcode der Ext-JS API

39 Sourcecode EINER Ext-JS Seite

40 Ablösung durch reines APEX mit Dynamic Actions

41 Ablösung durch reines APEX mit Dynamic Actions

42 In APEX komplette Logik in wenigen DA auf P0

43 restlichen Seiten haben keine eigene Logik

44 Javascript Frameworks (Ext-JS, SAP-UI5, ) + Interaktive, komplexe Funktionalität am Browser - Schulungsaufwendig (Framework will gelernt sein) - Viel JS-Code (UI und Controllerschicht) = teuer - Individuelle Layoutanpassungen kaum möglich - Brauche leistungsfähige Browser

45 Agenda Rich Client-, Web 2.0 Apps / Rich Internet Apps (RIA) Webarchitektur Basics und Beispiele Unterschied zu traditionellen Ansätzen z. B. Ext-JS It s all about Backend-Performance. Open Mic Night?

46 Performance Ist APEX schnell oder langsam? Weder noch, es tut ja nichts! Nur unser SQL auf unser Datenmodell ist langsam!

47 Performance

48 Performance

49 Performance - Tips Dynamisches SQL bei großen Datenmengen Voraggregieren Partitionieren with clause /*+ materialize */ Vorsicht mit Collections!!!

50 Explain Plan? Kein Bind Varaible Peeking! Alle Bind Variables werden als Varchar angenommen!

51 Was passiert wirklich? SQLs > 5 Sekunden oder Hint /*+ monitor juergen */

52 Was passiert wirklich?

53 Was passiert wirklich?

54 Was passiert wirklich?

55 Was passiert wirklich?

56 Was passiert wirklich?

57 Was passiert wirklich?

58 apexmeetups.com

59 D-A-CH Facebook-Gruppe bit.ly/apex_on_facebook

60 apex.doag.org

61 Mail: Web: juergen-schuster-it.de! APEX D-A-CH Facebook Group: bit.ly/apex_on_facebook APEX-Meetups: apexmeetups.com APEX Connect: apex.doag.org