Inside the JSDO: Mobile and Web. Edsel Garcia Principal Software Engineer Progress Software

Transcription

1 Inside the JSDO: Mobile and Web Edsel Garcia Principal Software Engineer Progress Software

2 JSDO 1 Deployment 5 2 JSDO Services Other Web UI Frameworks 4 3 Templates 2

3 JSDO 1 3

4 JSDO Progress JavaScript Data Object Access to OpenEdge Database Access to the OpenEdge AppServer Business Entities XMLHttpRequest ProDataSet CRUD + Invoke 4

5 JSDO Progress JavaScript Data Object Access to Rollbase backend CRUD + Invoke + Submit JSON Before-Image support Offline/Online events in the Session object 5

6 Runtime Architecture for Rollbase Mobile Mobile Device Web Server OpenEdge AppServer HTTP (REST / JSON) Internet *.js Header Data JSDO Detail Data *.html Other Data Client-side App resides on device JSDO-BE Mapping Server-side n-tier architecture with Business Logic and data Business Entity Header Data ABL PO ProDataSet Detail Data Other Data 6

7 Business Entity Progress Developer Studio Express Project Wizard Business Entity Wizard Types Read-only CRUD CRUD + Submit JSON Before-Image support 7

8 Business Entity 8

9 Business Entity 9

10 Business Entity 10

11 Business Entity 11

12 Business Entity 12

13 Create, Read, Update, Delete + INVOKE + SUBMIT CRUD + I + S path: /method /method POST GET PUT DELETE PUT PUT Array [ ] Temp-Table { ttcustomer: [ ] } DataSet { dscustomer: { ttcustomer: [ ] } DataSet (Complex) { dscustomer: { ttcustomer: [ ], ttorder: [ ] } 13

14 JSDO Catalog 14

15 JSDO Progress JavaScript Data Object CRUD + Invoke add() (CREATE) fill() (READ) assign() (UPDATE) remove() (DELETE) method() (INVOKE) Properties autosort autoapplychanges casesensitive name record userelationships Methods addrecords() acceptchanges(), rejectchanges() find() findbyid() foreach() getdata() getid() getschema() savechanges() sort() subscribe() unsubscribe() 15

16 JSDO Progress JavaScript Data Object JSDO progress.jsdo.3.0.js Session progress.jsdo.3.0.js Included in Mobile App Builder projects 16

17 JSDO Using the JSDO session = new progress.data.session(); session.login(<url-to-service>, "", ""); session.addcatalog(<url-to-jsdo-catalog>); jsdo = new progress.data.jsdo({ name: 'dscustomer' }); jsdo.subscribe('afterfill', onafterfillcustomers, this); jsdo.fill(); 17

18 JSDO

19 JSDO 1 Benefits Leverage Existing Business Logic 19

20 JSDO 1 2 JSDO Services 20

21 JSDO Services Access to the JSDO from the Mobile App Builder JSDO Catalog CRUD: Create Read Update Delete Row Invoke Submit 21

22 JSDO Services

23 JSDO 1 Benefits Leverage Existing Business Logic Visual Mapping 2 JSDO Services 23

24 JSDO 1 2 JSDO Services 3 Templates 24

25 Templates Project Templates Phone App / Tablet App Session-enabled templates Express Project UIHelper (dynamic) JSDO Services (generated) Templates Screen Templates Custom Components 25

26 Templates

27 JSDO 1 Benefits Leverage Existing Business Logic Visual Mapping Increase Productivity, Quicker Time to Market 2 JSDO Services 3 Templates 29

28 JSDO 1 2 JSDO Services Other Web UI Frameworks 4 3 Templates 30

29 Other Web UI Frameworks Web Angular.js Sencha Touch Kendo UI Knockout.js Qooxdoo Dojo Toolkit 31

30 Other Web Frameworks Node.js XMLHttpRequest = require("./xmlhttprequest.js").xmlhttprequest; require("./progress.jsdo.3.0.js"); session = new progress.data.session(); session.login(<url-to-service>, "", ""); session.addcatalog(<url-to-jsdo-catalog>); jsdo = new progress.data.jsdo({ name: 'dscustomer' }); jsdo.subscribe('afterfill', onafterfillcustomers, this); jsdo.fill(); function onafterfillcustomers(jsdo, success, request) { jsdo.ecustomer.foreach(function(customer) { console.log(jsdo.ecustomer.name); }); } 32

31 Other Web Frameworks

32 JSDO 1 Benefits Leverage Existing Business Logic Visual Mapping Increase Productivity, Quicker Time to Market Flexible 2 JSDO Services Other Web UI Frameworks 4 3 Templates 34

33 JSDO 1 Deployment 5 2 JSDO Services Other Web UI Frameworks 4 3 Templates 35

34 Deployment Build native app for ios and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for ios Auto-generated key/certificate for Android Install from Unknown Sources allows install on device Install options: Over the Air Install (ios) itunes sync (ios) Download from web site (Android) Rollbase Mobile Native Tester 36

35 Deployment

36 Deployment 38

37 Deployment 39

38 Deployment 40

39 Deployment 41

40 Deployment 42

41 JSDO 1 Benefits Deployment 5 Leverage Existing Business Logic Visual Mapping 2 JSDO Services Increase Productivity, Quicker Time to Market Flexible Write Once, Deploy Everywhere Other Web UI Frameworks 4 3 Templates 43

42 JSDO 1 Benefits Deployment 5 Leverage Existing Business Logic Visual Mapping 2 JSDO Services Increase Productivity, Quicker Time to Market Flexible Write Once, Deploy Everywhere Other Web UI Frameworks 4 3 Templates 44

43 Write Once, Run Anywhere Portability with the Benefits of Native Applications and Web The Easiest Way to Build an OpenEdge and Rollbase Applications Supporting Mobile Devices, End-to-end

44 Extra Resources Search Rollbase documentation: Search the Community: OpenEdge 11.4 Production Documentation Mobile App Builder documentation: JSDO Examples:

45 Visit the Resource Portal Get session details & presentation downloads Complete a survey Access the latest Progress product literature

46