Inside Progress OpenEdge Mobile! Edsel Garcia OpenEdge Development Progress OpenEdge Mobile JSDO 1 JSDO Deployment 5 2 Services Other Web UI 4 3 UIHelper Frameworks 2 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 3 © 2013 Progress Software Corporation. All rights reserved. JSDO – Progress JavaScript Data Object . Access to OpenEdge Database . Access to the OpenEdge AppServer . XMLHttpRequest . ProDataSet . CRUD + Invoke 4 © 2013 Progress Software Corporation. All rights reserved. Runtime Architecture for OpenEdge Mobile HTTP (REST / JSON) Internet *.js *.html Business Entity JSDO JSDO-BE Mapping ABL OE DB Client-side Server-side App resides on device n-tier architecture with Business Logic and data 5 © 2013 Progress Software Corporation. All rights reserved. Business Entity 6 © 2013 Progress Software Corporation. All rights reserved. Business Entity 7 © 2013 Progress Software Corporation. All rights reserved. Business Entity 8 © 2013 Progress Software Corporation. All rights reserved. Business Entity 9 © 2013 Progress Software Corporation. All rights reserved. Business Entity 10 © 2013 Progress Software Corporation. All rights reserved. JSDO Catalog 11 © 2013 Progress Software Corporation. All rights reserved. JSDO – Progress Java Script Data Object . CRUD + Invoke . Methods • add() (CREATE) • addRecords() • fill() (READ) • find() • assign() (UPDATE) • findById() • remove() (DELETE) • Foreach() • method() (INVOKE) • getData() • getId() . Properties • getSchema() • autoSort (11.3) • saveChanges() • caseSensitive (11.3) • sort() (11.3) • name • subscribe() • record • unsubscribe() • useRelationships 12 © 2013 Progress Software Corporation. All rights reserved. JSDO – Progress JavaScript Data Object . JSDO – progress.js . Session – progress.session.js . DLC/mobile/client/js . Included in Mobile App Builder projects 13 © 2013 Progress Software Corporation. All rights reserved. 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(); 14 © 2013 Progress Software Corporation. All rights reserved. JSDO 15 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 Benefits . Leverage Existing Business Logic 16 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 JSDO 2 Services 17 © 2013 Progress Software Corporation. All rights reserved. JSDO Services . Access to the JSDO from the Mobile App Builder . JSDO Catalog . CRUD: • Create • Read • Update • Delete . Row . Invoke 18 © 2013 Progress Software Corporation. All rights reserved. JSDO Services 19 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 Benefits . Leverage Existing Business Logic JSDO 2 Services . Increase Productivity, Quicker Time to Market 20 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 JSDO 2 Services 3 UIHelper 21 © 2013 Progress Software Corporation. All rights reserved. UIHelper . UI based on HTML (listviews built using <ul> + <li>) . jQuery Mobile . jQuery Mobile using the Mobile App Builder . JavaScript + HTML 22 © 2013 Progress Software Corporation. All rights reserved. UIHelper – Using the UIHelper 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); uihelper = new progress.ui.UIHelper({ jsdo: jsdo }); uihelper.setDetailPage({ name: "custdetail“ }); uihelper.setListView({ name: 'listview', format: '{CustNum}<br>{Name}<br>{State}<br>{Country}', autoLink: true } ); jsdo.fill(); 23 © 2013 Progress Software Corporation. All rights reserved. UIHelper 24 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 Benefits . Leverage Existing Business Logic JSDO 2 Services . Increase Productivity, Quicker Time to Market . Dynamic Model 3 UIHelper 25 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 JSDO 2 Services Other Web UI 4 3 UIHelper Frameworks 26 © 2013 Progress Software Corporation. All rights reserved. Other Mobile Web UI Frameworks . Web . Sencha Touch . Knockout.js . Qooxdoo . Dojo Toolkit 27 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 Benefits . Leverage Existing Business Logic JSDO 2 Services . Increase Productivity, Quicker Time to Market . Dynamic Model . Flexible Other Web UI 4 3 UIHelper Frameworks 28 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 JSDO Deployment 5 2 Services Other Web UI 4 3 UIHelper Frameworks 29 © 2013 Progress Software Corporation. All rights reserved. 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) 30 © 2013 Progress Software Corporation. All rights reserved. Deployment 31 © 2013 Progress Software Corporation. All rights reserved. Deployment 32 © 2013 Progress Software Corporation. All rights reserved. Deployment 33 © 2013 Progress Software Corporation. All rights reserved. Deployment 34 © 2013 Progress Software Corporation. All rights reserved. Deployment 35 © 2013 Progress Software Corporation. All rights reserved. Deployment 36 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 Benefits . Leverage Existing JSDO Deployment Business Logic 5 2 Services . Increase Productivity, Quicker Time to Market . Dynamic Model . Flexible . Write Once, Deploy Everywhere Other Web UI 4 3 UIHelper Frameworks 37 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile JSDO 1 Benefits . Leverage Existing JSDO Deployment Business Logic 5 2 Services . Increase Productivity, Quicker Time to Market . Dynamic Model . Flexible . Write Once, Deploy Everywhere Other Web UI 4 3 UIHelper Frameworks 38 © 2013 Progress Software Corporation. All rights reserved. Progress OpenEdge Mobile Write Once, Run Anywhere Portability with the Benefits of Native Applications The Easiest Way to Build an OpenEdge Application Supporting Mobile Devices, End-to-end 39 © 2013 Progress Software Corporation. All rights reserved. .