Inside the JSDO: Mobile and Web Shelley Chase, Senior Architect, Progress [email protected] November 2014

2014 Progress Software Corporation. All rights reserved. 4 JSDO Progress JavaScript Data Object Client-side object Manages session connections Dataset (ProDataSet-like) purposed for disconnected clients Communicates using REST in XMLHttpRequest Session management Anonymous, Basic and Form Offline/ Online events in the Session object An instance of Cloud Data Object Open source Generic specification and catalog definition Any client, any datasource

2014 Progress Software Corporation. All rights reserved. 5 JSDO with OpenEdge and Rollbase (and node.js, ) Access to the OpenEdge AppServer Business Entity - Dataset or Temp-table CRUD operations (Create, Read, Update, Delete) Invoke Submit JSON Before-Image support Access to Rollbase Server Objects and Views Table only CRUD operations (Create, Read, Update, Delete) Invoke (gets View data)

2014 Progress Software Corporation. All rights reserved. 6 Runtime Architecture for OpenEdge Mobile Client-side App resides on device OE DB *. html *. js Internet HTTP (REST / JSON) Business Entity JSDO-BE Mapping JSDO ABL Header Data Detail Data Other Data Header Data Detail Data Other Data Mobile DeviceWeb Server OpenEdge AppServer PO ProDataSet Server-side n-tier architecture with Business Logic and data

2014 Progress Software Corporation. All rights reserved. 7 OpenEdge Mobile Services: Business Entity Progress Developer Studio Express Project Wizard Business Entity Wizard Types Read-only CRUD CRUD + Submit JSON Before-Image support Automatically adds mobile annotations Progress.BusinessLogic.Business Entity Dataset or Temp-table schema You can also annotate existing code (persistent procedure or class)

2014 Progress Software Corporation. All rights reserved. 14 Create, Read, Update, Delete + INVOKE + SUBMIT CRUD + I + S POST GET PUT DELETE PUT Works on a schema: Array [ ] Temp-Table { ttCustomer: [ ] } DataSet { dsCustomer: { ttCustomer: [ ] } DataSet (Complex) { dsCustomer: { ttCustomer: [ ], ttOrder: [ ] } /method path:

2014 Progress Software Corporation. All rights reserved. 20 JSDO Progress JavaScript Data Object CRUD + Invoke + Submit add( ) (CREATE) fill( )(READ) assign( )(UPDATE) remove( ) (DELETE) method( )(INVOKE) saveChanges( ) (SUBMIT) Properties autoSort autoApplyChanges caseSensitive name record useRelationships Methods addRecords( ) acceptChanges( ), rejectChanges( ) find( ) findById( ) foreach( ) getData( ) getId( ) getSchema( ) sort( ) subscribe( ) unsubscribe( )

2014 Progress Software Corporation. All rights reserved. 21 JSDO Operation Mapping OE Web Server OpenEdge AppServer fill( ) Customers.cls Mobile App Invoke operation Submit operation Update operation Create operation Read operation remove( ) save Changes( ) getCreditHistory( ) assign( ) saveChanges( ) add( ) saveChanges( ) Delete operation Read/Delete/Create Customers( ) GetCreditHistory( ) UpdateCustomers( ) CreateCustomers( ) DeleteCustomers( ) ReadCustomers( ) Customer Catalog Customer JSDO JSDO Customer Order Invoke operation getOrderHistory( ) GetOrderHistory( )

2014 Progress Software Corporation. All rights reserved. 22 JSDO Using the JSDO session = new progress.data.Session(); session.login(, "", ""); session.addCatalog( ); jsdo = new progress.data.JSDO({ name: 'dsCustomer' }); jsdo.subscribe('AfterFill', onAfterFillCustomers, this); jsdo.fill(); progress.jsdo.3.0.js Progress.data.Session Progress.data.JSDO Included in Mobile App projects

2014 Progress Software Corporation. All rights reserved. 26 JSDO Services Generated from JSDO Catalog Access to the JSDO from the Mobile App Builder JSDO - create object CRUD operations Create Read Update Delete Row like buffer in ABL Invoke operations Custom business logic

2014 Progress Software Corporation. All rights reserved. 34 Templates Project Templates Phone App / Tablet App Session-enabled Phone App / Tablet App Express Project UIHelper (dynamic data binding) JSDO Services (generated data mapping) Screen Templates Reusable UI, corporate look and feel, logos Custom Components Reusable UI and behavior

2014 Progress Software Corporation. All rights reserved. 36 UIHelper Using the UIHelper session = new progress.data.Session(); session.login(, "", ""); session.addCatalog( ); jsdo = new progress.data.JSDO({ name: 'dsCustomer' }); jsdo.subscribe('AfterFill', onAfterFillCustomers, this); uihelper = new progress.ui.UIHelper({ jsdo: jsdo }); uihelper.setDetailPage({ name: "custdetail }); uihelper.setListView({ name: 'listview', format: '{CustNum} {Name} {State} {Country}', autoLink: true } ); jsdo.fill();

2014 Progress Software Corporation. All rights reserved. 38 1 2 3 JSDO JSDO Services Templates Benefits Leverage Existing Business Logic Visual Mapping Increase Productivity, Quicker Time to Market Inside The JSDO: Mobile and Web

2014 Progress Software Corporation. All rights reserved. 41 Other Web Frameworks Server side uses Node.js XMLHttpRequest = require("./XMLHttpRequest.js").XMLHttpRequest; require("./progress.jsdo.3.0.js"); session = new progress.data.Session(); session.login(, "", ""); session.addCatalog( ); 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); }); }

2014 Progress Software Corporation. All rights reserved. 43 1 2 34 JSDO JSDO Services Templates Other Web UI Frameworks Benefits Leverage Existing Business Logic Visual Mapping Increase Productivity, Quicker Time to Market Flexible Inside The JSDO: Mobile and Web

2014 Progress Software Corporation. All rights reserved. 51 1 2 34 5 JSDO JSDO Services Templates Deployment Other Web UI Frameworks Benefits Leverage Existing Business Logic Visual Mapping Increase Productivity, Quicker Time to Market Flexible Write Once, Deploy Everywhere Inside The JSDO: Mobile and Web

2014 Progress Software Corporation. All rights reserved. 52 Leverage Existing Business Logic Visual Mapping Increase Productivity, Quicker Time to Market Flexible Write Once, Deploy Everywhere Benefits 1 2 34 5 JSDO JSDO Services Templates Deployment Other Web UI Frameworks Inside The JSDO: Mobile and Web

Extra Resources Search Rollbase documentation: http://documentation.progress.com/output/Rollbase/index.html Search the Community: OpenEdge 11.4 Production Documentation Mobile App Builder documentation: http://docs.mobile.rollbase.com/ JSDO Examples: http://oemobiledemo.progress.com/jsdo/example001.html http://oemobiledemo.progress.com/jsdo/example007.html

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

Documents

Inside the JSDO: Mobile and Web Shelley Chase, Senior Architect, Progress [email protected] November 2014